CSS ID選擇器

2012/11/23 14:09:46作者：佚名來源：網(wǎng)絡

移動端

【實例介紹】

CSS ID選擇器

CSS ID選擇器的使用方法跟class選擇器基本相同，不同之處在于ID選擇器只能在HTML頁面中使用一次，因此其針對性更強。如先給某個HTML頁面中的某個p標簽起個ID，代碼如下所示。

【基本語法】

<p id="one">此處為p標簽內的文字</p>

【語法介紹】

在HTML的標記中只需要利用id屬性，就可以直接調用css中的ID選擇器。

【實例代碼】


<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>無標題文檔</title>
</head>
<style type="text/css">
#one{font-size:20px; background:#999; color:090; }
</style>
<body>
<p id="one">ID選擇器</p>
</body>
</html>

【代碼分析】

上面的代碼在瀏覽器中預覽效果如圖所示。

ID選擇器運行效果