css选择器种类都有哪些?

要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。

每一条css样式定义由两部分组成,形式如下:选择器{样式} ,在{}之前的部分就是“选择器”。

“选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。

CSS选择器又被称为css样式属性、css属性选择器。

css选择器种类都有哪些?

选择器种类

1、ID选择器

<div id="one"></div>
#one{}

2、类选择器

<div class="one"></div>
.one{}

3、标签选择器

<div>dsd</div>
div{}

4、通配符选择器

*{} 所有的
div * div后代所有的元素

5、嵌套选择器

div.one

<div class="one"></div>

6、组合选择器

div,.one,#two{}

7、后代选择器

也称为包含选择器,用来选择特定元素或元素组的后代,将对父元素的选择放在前面,对子元素的选择放在后面,中间加一个空格分开,对于多层祖先后代关系,可以有多个空格加以分开。

8、子选择器

子选择器仅是指它的直接后代,或者你可以理解为作用于子元素的第一个后代。

9、属性选择器

  • [attribute] 用于选取带有指定属性的元素。

  • [attribute=value] 用于选取带有指定属性和值的元素。

  • [attribute~=value] 用于选取属性值中包含指定词汇的元素。

  • [attribute|=value] 用于选取带有以指定值开头的属性值的元素,该值必须是整个单词。

  • [attribute^=value] 匹配属性值以指定值开头的每个元素。

  • [attribute$=value] 匹配属性值以指定值结尾的每个元素。

  • [attribute*=value] 匹配属性值中包含指定值的每个元素。

10、伪类选择器

包括子代选择器、状态选择器、伪元素选择器等

更多web前端知识,请查阅 HTML中文网 !!

以上就是css选择器种类都有哪些?的详细内容,更多请关注web前端其它相关文章!

赞(0) 打赏
未经允许不得转载:web前端首页 » CSS3 答疑

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

前端开发相关广告投放 更专业 更精准

联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏