css如何正確使用id選擇器
作者：佚名 時間：2014-02-06 分享到：
和css的類型選擇器不同,id選擇器使用"#"代替"."實(shí)現(xiàn)標(biāo)記的定位,其語法如下:
tagname#idname {}
這行代碼針對標(biāo)記名稱為tagname,id為idname的標(biāo)記來應(yīng)用樣式,同樣,tagname也是可以省略的,這時此樣式僅由標(biāo)記的id屬性決定.實(shí)際上,由于id是整個文檔惟一的,僅指定id還是同時指定標(biāo)記名稱和id一般來說沒有太大的不同,但為了使css代碼更易于閱讀,在指定id的同時最好也指定標(biāo)記名稱.
例如下面的文檔:
<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>
大家通過運(yùn)行這串代碼得出來的結(jié)果就是上面有id屬性的內(nèi)容全為斜體,而帶有strong為class屬性的則會給內(nèi)容加粗.
如沒特殊注明，文章均為上海聯(lián)楷網(wǎng)絡(luò)原創(chuàng),轉(zhuǎn)載請注明來自：http://www.ktcbnqb.cn/help/20151126/n1697.html
