css选择器种类都有哪些? 您所在的位置:网站首页 jquery伪类选择器有哪些 css选择器种类都有哪些?

css选择器种类都有哪些?

2024-07-12 02:54| 来源: 网络整理| 查看: 265

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

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

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

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

css选择器种类都有哪些?

选择器种类

1、ID选择器

#one{}

2、类选择器

.one{}

3、标签选择器

dsd div{}

4、通配符选择器

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

5、嵌套选择器

div.one

6、组合选择器

div,.one,#two{}

7、后代选择器

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

8、子选择器

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

9、属性选择器

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

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

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

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

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

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

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

10、伪类选择器

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

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

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



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有