css3新特性选择器(补充)
1.选择p标签中的第一个字符
p:first-letter{
color:red;
font-size:25px;
}
2.选择p标签中的第一行
p:first-line{
color:red;
font-size:25px;
}
3.在p的前面和后面添加伪类
p:before/after{
content:"';
设置属性样式
}
4.设置input在得到焦点、可以被修改、不能被修改、选中时的样式
input:focus/enabled/disabled/cheked{
background:orange;
}
5.选择parent中第一个p标签
#parent p :first-of-type{
设置样式
}
6.选择是独生子的p标签(没有任何兄弟标签)
#parent p:only-child{
设置样式
}
7.选中div的第二个元素,且第二个元素是p元素(如果不符合要求,不能被选中)
div p:nth-child(2){
}
8.选择div中第n个p元素
div p:nth-of-type(n){
}
9.选择第一个和最后一个元素,且他们是p标签
div p:first/last-child{
}