CSS的未来:鲜为人知的CSS 2.1和CSS3属性

然后，每个<li>设置为自动编号，分割符是一个点(.)，后面跟着一个空格

1
2
3
4

li:before {
counter-increment: section;
content: counters(section,".")"";
}

HTML代码：

1
2
3
4
5
6
7
8
9
10

<ol>
	<li>item</li> <!-- 1 -->
	<li>item <!-- 2 -->
		<ol>
			<li>item</li> <!-- 1.1 -->
			<li>item</li> <!-- 1.2 -->
		</ol>
	</li>
	<li>item</li> <!-- 3 -->
<ol>

浏览器支持: CSS 2.1.，所有的现代浏览器，IE 7+.

扩展阅读: W3C，CSS content, counter-increment 和 counter-reset详解

quotes

你会因为你的CMS不知道如何正确转换引用符号而纠结么？那么开始使用quotes属性吧。这样你就可以自定义任何符号了。然后你就可以用:before和:after伪元素为任何期望的元素指定引号了，悲催的是，webkit浏览器不支持这个属性——经测试，chrome 11已经开始支持这个属性了（之前的版本没有测试）。

示例

前面的两个符号决定第一级引用内容的引号，后面的两个用于二级引用，以此类推：

1
2
3

q {
quotes: ''«'' ''»'' "‹" "›";
}

下面两行用于为选定元素指定引号:

1
2

q:before {content: open-quote}
q:after {content: close-quote}

这样，<p><q>This is a very <q>nice</q> quote.</q></p>看起来将会是酱紫的：
«This is a very ‹nice› quote.»

浏览器支持: CSS 2.1.,除了WebKit，IE 7和IE6的所有现代浏览器。不过chrome是支持的。。。

扩展阅读: W3C

问题：要直接的添加符号，CSS文档必须要设置为UTF-8吗？这是一个很纠结的问题。遗憾的是，我不能给出一个明确的答案。我的经验是，不必要设置什么特定的

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!