求css中单冒号和双冒号的区别

html-css017

求css中单冒号和双冒号的区别,第1张

伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的，用于区分伪类和伪元素。但是伪类兼容现存样式，浏览器需要同时支持旧的伪类，比如:first-line、:first-letter、:before、:after等。

伪类偏向于元素的动作行为，伪元素偏向于元素的属性。实际上 css3 为了区分两者，已经明确规定了伪类用一个冒号来表示，而伪元素则用两个冒号来表示。对于CSS2之前已有的伪元素，比如:before，单冒号和双冒号的写法::before作用是一样的。

有的网站建议说，如果你的网站只需要兼容webkit、firefox、opera等浏览器，建议对于伪元素采用双冒号的写法，如果不得不兼容IE浏览器，还是用CSS2的单冒号写法比较安全。如果自己不确定的话可以针对某些需要兼容的属性有两种属性。

不用height属性

稍稍计算一下，对于单行的li，文字高度假设是12px，那么上下的边距就是4px，所以

li { font-size:12pxpadding: 4px 10px 4px 10px}

这样，当文字多余一行的时候就会自动加高而且保持边距

如果觉得多行文字显得拥挤的话，使用line-height来控制：

li { font-size:12pxline-height:14pxpadding 3px 10px 3px 10px}

这样就好多了