css学习笔记四

特殊选择器：

1、* 所有标签

2、> 用于指定父子元素节点

3、+ 毗邻元素选择器（E+F，匹配所有紧随E元素之后的同级元素）

4、~ 匹配所有元素之后的同级元素（E~F匹配所有元素之后的同级元素F）

5、名称[表达式]

a[title] 匹配设置了title属性的a标签

a[title=1] 匹配设置了title属性并且属性值为1的a标签

a[title^=1] 匹配设置了title属性并且属性值以1开头的a标签

a[title$=1] 匹配设置了title属性并且属性值以1结尾的a标签

a[title*=1] 匹配设置了title属性并且属性值包含1的a标签

伪类/伪元素

:first-child 匹配某个元素的第一个子元素

a:link 给超链接设定点击之前的样式

a:hover 当鼠标放到超链接上的样式

a:active 当鼠标点击超链接的样式

a:visited 当鼠标点击超链接之后的样式

使用原则love hate，对其他标签同样有效

:disabled 获取所有被禁用的标签

:enabled 获取所有可用标签

:checked 获取所有被选中的标签

:read-only 获取所有只读标签

:read-write 获取所有可读可写标签

css3伪类（只支持高版本浏览器）

p:nth-child(2){} 该元素是父元素的第二个元素并且是p标签

p:nth-last-child(2){} 该元素是父元素的倒数第二个元素并且是p标签

p:nth-of-type(2){}  该元素是父元素的第二个p标签

p:nth-last-of-type(2){} 该元素是父元素的倒数第二个p标签

p:first-child{} 该元素是父元素的第一个元素并且是p标签

p:last-child{} 该元素是父元素的最后一个元素并且是p标签

p:first-of-type{} 该元素是父元素的第一个p标签

p:last-of-type{} 该元素是父元素的最后一个p标签

p:not(.c1){} 获取所有p标签不包括class等于c1

伪元素：

p::before{

　　　　content:"xxxx";  在所有p标签前加上文字

}

p::after{

　　　　content:"xxxx";   在所有p标签后加上文字

}

p::first-letter{} 所有p标签的第一个字

p::first-line{} 所有标签的第一行

p::selection{} 所有p标签选中后的文字

转载于:https://www.cnblogs.com/ybtest/p/7455309.html