1、最常用的四种选择器是元素选择器类选择器ID选择器派生选择器 1元素选择器 最常见的css选择器当属元素选择器了 ，在HTML文档中该选择器通常是指某种HTML元素 ，例如p，h2 ，span ，a，div乃至html例如html backgroundcolor black p fontsize 30px backgroudcolor gray h2；CSS样式表基础用法涵盖选择器属性和值三个关键部分 ，它能让网页的呈现更加美观和吸引人一选择器1 元素选择器通过元素名称来选择元素 ，比如`p`标签用于选择所有段落示例`p color blue `，这样所有段落文字都会变成蓝色2 类选择器以点号开头 ，后面跟着类名可应用于；7伪类选择器如就是链接样式 ，a元素的伪类，4种不同的状态linkvisitedactivehover8；主要的CSS选择器包括以下几种1 标签选择器根据HTML标签名称来选择页面中的元素2 类选择器通过元素的类名class来进行选择3 ID选择器通过元素的ID属性值来选择唯一的元素4 全局选择器应用于文档中的所有元素，没有特定的选择范围限定5 组合选择器通过逗号分隔来选择多个。
2 、css常用的四种选择器类型有标签选择器针对一类标签 ID选择器针对某一个特定的标签使用 类选择器针对你想要的所有标签使用 后代选择器用空格隔开 1标签选择器选择器的名字代表html页面上的标签 标签选择器 ，选择的是页面上所有这种类型的标签 ，所以经常描述“共性”，无法描述某一个元素的“；1标签选择器如body ，div ，p，ul ，li2类选择器如class=quotheadquot ，class=quothead_logoquot 3ID选择器如id=quotnamequot，id=quotname_txtquot4全局选择器如*号5组合选择器如head head_logo ，注意两选择器用空格键分开6继承选择器如div p ，注意两 。
3 、1类别选择器 类选择器根据类名来选择，前面以“ ”来标志示例demoDiv color#FF0000 2标签选择器 一个完整的HTML页面是有很多不同的标签组成 ，而标签选择器 ，则是决定哪些标签采用相应的CSS样式在stylecss文件中对p标签样式的声明如下p fontsize12pxbackground#900color；CSS选择器优先级与匹配原理\x0d\x0a1id 选择器#myid2类选择器myclassname3标签选择器div，h1，p4相邻选择器h1+p5子选择器ul lt li6后代选择器li a7通配符选择器*8属性选择器arel=quotexternalquot9伪类选择器ahover ，linthchild\x0d\x0a其中ID选择器的效率 。
4、CSS选择器通过组合不同类型选择器及伪类 ，可精准定位并修改特定元素样式 具体实现方式如下1 基础选择器组合类选择器定位具有特定class属性的元素示例slides 选择所有class=#34slides#34的元素属性选择器type=#39radio#39筛选具有特定属性的元素示例inputtype=#39radio#39；CSS样式表基础用法包括选择器属性和值三个主要部分一选择器1 元素选择器通过元素名称来选择元素，比如`p`标签选择所有段落例如`p color blue ` ，这会让页面中所有段落的文字颜色变为蓝色2 类选择器使用点号后跟类名来选择元素如`highlight backgroundcolor yel。
5 、ID选择器以井号#开头 ，后跟ID名例如，#header选择器会应用于id属性为header的元素 。
本文来自作者[恭喜发财]投稿，不代表华智号立场，如若转载，请注明出处：https://www.bjxhzyykj.cn/miao/6114.html
评论列表（4条）
我是华智号的签约作者“恭喜发财”！
希望本篇文章《css四种基本选择器(css类选择器使用实例)》能对你有所帮助！
本站[华智号]内容主要涵盖：华智号,生活百科,小常识,生活小窍门,百科大全,经验网
本文概览：1、最常用的四种选择器是元素选择器类选择器ID选择器派生选择器1元素选择器最常见的css选择器当属元素选择器了，...