码迷,mamicode.com
首页 > Web开发 > 详细

css3新特性选择器(补充)

时间:2017-09-05 23:00:08      阅读:200      评论:0      收藏:0      [点我收藏+]

标签:color   line   字符   disabled   选择器   font   焦点   特性   isa   

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{

 

}

8.选择div中第n个p元素

div p:nth-of-type(n){

 

}

9.选择第一个和最后一个元素,且他们是p标签

div p:first/last-child{

 

}

css3新特性选择器(补充)

标签:color   line   字符   disabled   选择器   font   焦点   特性   isa   

原文地址:http://www.cnblogs.com/czy960731/p/7482288.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!