Bootstrap

2015-09-06

自从用了bootstrap,网站样式写起来真是不要太简单,基本就是自定义一点点东西,整个网站就能够有木有样了,从而就和jquery用多了一样,再加上自己的记忆力简直渣到无以复加的地步,于是乎忘记好多代码是杂写的了。

记录几个从大发博客抄来的几个伪元素(伪类)写法:

1、CSS:empty,由于伪类不支持content:''所以用::before来添加内容

.element:empty::before {
    content:'无数据';
}

2、CSS:first-child

<div class='wrap'>
<ul>
<li>
part abel
</li>
<li>
part baker
</li>
<li>
part charlie
</li>
</ul>
</div>
.wrap ul li:first-child {
color:red;
}

结果:

  • part abel
  • part baker
  • part charlie

3、CSS:nth-child()

.element:nth-child(n) {
}
/**
父元素第n个子元素的每个element元素
**/
.element:nth-child(an+b) {
}
/**
表示周期的长度,n 是计数器(从 0 开始),b 是偏移值
3n+0表示父元素的第3、6、9...的每个element元素
**/


注:关于:::的差别,理论上::为CSS3中的伪元素的标识方式,同样:为CSS3中伪类的标识方式。在CSS2中,伪类和伪元素的标记都是:

105 查看