css选择器种类都有哪些? | 您所在的位置:网站首页 › jquery伪类选择器有哪些 › css选择器种类都有哪些? |
要使用css对HTML页面中的元素实现一对一,一对多或者多对一的控制,这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。 每一条css样式定义由两部分组成,形式如下:选择器{样式} ,在{}之前的部分就是“选择器”。 “选择器”指明了{}中的“样式”的作用对象,也就是“样式”作用于网页中的哪些元素。 CSS选择器又被称为css样式属性、css属性选择器。 css选择器种类都有哪些? 选择器种类 1、ID选择器 #one{}2、类选择器 .one{}3、标签选择器 dsd div{}4、通配符选择器 *{} 所有的 div * div后代所有的元素5、嵌套选择器 div.one6、组合选择器 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 实验室设备网 版权所有 |