課程
/前端開發
/HTML/CSS
/網頁布局基礎
id選擇器和class選擇器在編程中的區別是什么?換句話說,我這新建一個div,什么情況下用id給她命名?什么情況下用class給它命名?謝謝大神。
2016-02-28
源自:網頁布局基礎 2-2
正在回答
相對于 ID,class 的優先級比較適中,特指「特定群體」。Class 的使用需要參考面向對象的抽象概念。把共有的屬性抽象出來
理論上 HTML 的 id 屬性不用來表達語義,僅僅是一個標識符,取值不會影響文檔的語義;而 class 會被搜索引擎或是其它 UA 認為是用來表達語義的描述,取值需要更加謹慎。對于 CSS 很簡單,你如果希望樣式僅用到一個元素下面,那你可以用 #id,如果想應用到一批類似元素下,就用 .class。舉個例子,一個服務器端腳本生成的評論的列表:
<ul> ???<li><article?id="comment-1"?class="comment">[comment?content]</article></li> ???<li><article?id="comment-2"?class="comment">[comment?content]</article></li> ???<li><article?id="comment-3"?class="comment">[comment?content]</article></li> ?</ul>
你可以為 .comment 添加評論通用的樣式,如果想為某條評論單獨定制樣式,那就可以再單獨設 #comment-1 的樣式
ID 的性能比起 class 稍微好一點,但是在大部分瀏覽器上這并不是很重要(真的)。對 CSS 來說,主要區別就是這樣。
一般而言一個網頁中的id應該是唯一的,而class定義后可以在多個地方使用。當元素唯一或者需要單獨需要動態控制顯示的時候用id,其它情況下一般用class.
舉報
讓你精通CSS中三大定位機制,徹底掌握網頁布局的相關知識
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-02-28
ID 有高優先級、唯一性的特點,特指「個體」。
相對于 ID,class 的優先級比較適中,特指「特定群體」。
Class 的使用需要參考面向對象的抽象概念。把共有的屬性抽象出來
理論上 HTML 的 id 屬性不用來表達語義,僅僅是一個標識符,取值不會影響文檔的語義;而 class 會被搜索引擎或是其它 UA 認為是用來表達語義的描述,取值需要更加謹慎。對于 CSS 很簡單,你如果希望樣式僅用到一個元素下面,那你可以用 #id,如果想應用到一批類似元素下,就用 .class。舉個例子,一個服務器端腳本生成的評論的列表:
你可以為 .comment 添加評論通用的樣式,如果想為某條評論單獨定制樣式,那就可以再單獨設 #comment-1 的樣式
ID 的性能比起 class 稍微好一點,但是在大部分瀏覽器上這并不是很重要(真的)。
對 CSS 來說,主要區別就是這樣。
2016-02-28
一般而言一個網頁中的id應該是唯一的,而class定義后可以在多個地方使用。當元素唯一或者需要單獨需要動態控制顯示的時候用id,其它情況下一般用class.