我吃西红柿,有声

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案

CSS中id選擇器的使用方法

這篇文章將為大家詳細(xì)講解有關(guān)CSS中id選擇器的使用方法，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

建網(wǎng)站原本是網(wǎng)站策劃師、網(wǎng)絡(luò)程序員、網(wǎng)頁設(shè)計師等，應(yīng)用各種網(wǎng)絡(luò)程序開發(fā)技術(shù)和網(wǎng)頁設(shè)計技術(shù)配合操作的協(xié)同工作。創(chuàng)新互聯(lián)專業(yè)提供網(wǎng)站設(shè)計、成都網(wǎng)站設(shè)計,網(wǎng)頁設(shè)計,網(wǎng)站制作(企業(yè)站、成都響應(yīng)式網(wǎng)站建設(shè)、電商門戶網(wǎng)站)等服務(wù),從網(wǎng)站深度策劃、搜索引擎友好度優(yōu)化到用戶體驗的提升,我們力求做到極致!

CSS id 選擇器

ID 選擇器可以為標(biāo)有特定 ID 的 HTML 元素指定特定的樣式。根據(jù)元素ID來選擇元素，具有唯一性，這意味著同一id在同一文檔頁面中只能出現(xiàn)一次，例如，你將一個元素的id取值為”navi”，那么在同一頁面你就不能再將其他元素id取名為”navi”了。盡管你會發(fā)現(xiàn)即便你把幾個元素都命名成相同的id名字，css選擇器還是會把這些元素都選中應(yīng)用樣式（如class選擇器那樣），對于css選擇器，id屬性的唯一性似乎不存在。然而，對于js而言，它只會選擇具有相同id名字元素中的第一個。出于一個好的編程習(xí)慣，同一個id不要在頁面中出現(xiàn)第二次。

id 選擇器以 "#" 來定義。

下面的兩個 id 選擇器，第一個可以定義元素的顏色為紅色，第二個定義元素的顏色為綠色：

#red {color:red;}
#green {color:green;}

下面的 HTML 代碼中，id 屬性為 red 的 p 元素顯示為紅色，而 id 屬性為 green 的 p 元素顯示為綠色。

這個段落是紅色。

這個段落是綠色。

注意：id 屬性只能在每個 HTML 文檔中出現(xiàn)一次。

單獨的選擇器

id 選擇器即使不被用來創(chuàng)建派生選擇器，它也可以獨立發(fā)揮作用：

#sidebar {
border: 1px dotted #000;
padding: 10px;
}

根據(jù)這條規(guī)則，id 為 sidebar 的元素將擁有一個像素寬的黑色點狀邊框，同時其周圍會有 10 個像素寬的內(nèi)邊距（padding，內(nèi)部空白）。

老版本的 Windows/IE 瀏覽器可能會忽略這條規(guī)則，除非你特別地定義這個選擇器所屬的元素：

div#sidebar {
border: 1px dotted #000;
padding: 10px;
}

關(guān)于CSS中id選擇器的使用方法就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。

網(wǎng)站欄目：CSS中id選擇器的使用方法
URL地址：http://fisionsoft.com.cn/article/pcecsj.html

新聞中心

其他資訊