Blogger Information
Blog 54
fans 4
comment 1
visits 54813
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
属性选择器,兄弟伪类,相对于父元素的伪类
神仙不在的博客
Original
1445 people have browsed it

属性选择器:属性是相对于标签而言,是根据属性的值来查找元素的。

1、标签[属性]

2、标签[属性=属性值]

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

兄弟伪类有2种

+:相邻满足条件的。

~满足条件的兄弟(同级)元素

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

相对于父元素的伪类

p:first-child        p元素的父元素的第一个子元素(不管是不是p,也就是不限定类型)   

p:last-child        p元素的父元素的最后一个子元素  (不管是不是p,也就是不限定类型) 

这2个不怎么实用,下面的这2个才是实用的

p:first-of-type       p元素的父元素的第一个子元素(p类型的,这个会限定子元素的类型)   

p:last-of-type       p元素的父元素的最后一个子元素(p类型的,这个会限定子元素的类型)   

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

p:nth-child(索引)   索引从1开始

p:nth-child(odd)   奇数(3个字母

p:nth-child(even)  偶数(4个字母

p:nth-of-type()     限定子元素的类型

。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

其实也很好记忆

第一个儿子,最后一个儿子,第一个儿子限定类型,最后一个儿子限定类型

第几个儿子,第几个儿子限定类型

Statement of this Website
The copyright of this blog article belongs to the blogger. Please specify the address when reprinting! If there is any infringement or violation of the law, please contact admin@php.cn Report processing!
All comments Speak rationally on civilized internet, please comply with News Comment Service Agreement
0 comments
Author's latest blog post