CSS3 标准对其语法做了一些细微的修正

发布日期:2015-08-20 19:00:56
伪元素在 CSS2 中已经存在,CSS3 标准对其语法做了一些细微的修正。举几个你可能还
有印象的例子, p:first-line 会选中 <p> 标签的第一行内容, p:first-letter 会选
中其中的第一个字母。CSS3要求对伪元素使用两个冒号以便与伪类进行区别。因此刚才
的例子应该改写为 p::first-letter 。但注意 Internet Explorer 8及更低版本的 IE无法
识别两个冒号的语法,它们只识别一个冒号。
:first-line 对响应式设计来说好用吗
:first-line伪元素非常方便的一个特点是它会根据视口自动变化。例如如下的规则:
p::first-line {
color: #ff0cff;
}
如你所想,第一行文字被渲染为可怕的粉红色(这让我想起了《红磨坊》
① ) :
视口大小不同时,渲染为粉红色的文字片段也不相同:于是,在响应式设计中就有了一种方法,不需要修改标签代码,即可方便地将文本第一行内容(即浏览器渲染出来的第一行,不是标签代码中的第一行)显示得与众不同。
希望这几节对 CSS3选择器的简短突击学习, 让你明白了使用它们不必修改现有设计和增加新标记。过去我经常需要使用 JavaScript 库(如 jQuery)来做复杂的元素选择,现在CSS3 基本上消灭了这种需求。还有一点令人欣慰的是,CSS3 选择器模块现在已处于推荐标准状态,也就是说它已是一个非常成熟的模块,从现在起不会再有大的改动。

相关文章

  Copyright © 2010-2018 北京梦创义科技
公司地址:朝阳区紫芳路9号院广顺园2号楼2605A

联系我们| 关于我们| 网站地图| 北京网站建设| 北京网页设计