CSS如何正确使用id选择器
时间：2014-2-6
和CSS的类型选择器不同,id选择器使用"#"代替"."实现标记的定位,其语法如下:
tagName#idName {}
这行代码针对标记名称为tagName,id为idName的标记来应用样式,同样,tagName也是可以省略的,这时此样式仅由标记的id属性决定.实际上,由于id是整个文档惟一的,仅指定id还是同时指定标记名称和id一般来说没有太大的不同,但为了使CSS代码更易于阅读,在指定id的同时最好也指定标记名称.
例如下面的文档:
<html>
<head>
<title>New document</title>
<style type="text/css">
<!--
.strong {font-weight:bold;}
dl#dll {fong-style:italic;}
-->
</style>
</head>
<body>
<dl id = "dll">
<dd class="strong">some text</dd>
<dd>some text</dd>
<dd>some text</dd>
</dl>
<ul>
<li>some text</li>
<li class="strong">some text</li>
<li>some text</li>
</ul>
</body>
</html>
大家通过运行这串代码得出来的结果就是上面有id属性的内容全为斜体,而带有strong为class属性的则会给内容加粗.
