css如何正确使用id选择器
作者：佚名 时间：2014-02-06
和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属性的则会给内容加粗.
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/help/20151126/n1697.html
