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{

 

}

posted @ 2017-09-05 22:18  AmbitiousZy  阅读(148)  评论(0编辑  收藏  举报