2020-04-25 分類: 網站建設
對于CSS來說,關于id和class屬于選擇器的問題。
二者主要的區別在哪里呢?
id具有唯一性,class具有普遍性。
id是唯一的,所以盡量在結構外圍使用,通常用于頁面布局。
class是可重復的,所以盡量在結構內部使用,通常用于樣式定義。
id的樣式優先級高于class。
id是先找到結構/內容,再給它定義樣式;class是先定義好一種樣式,再套給多個結構/內容。
為什么id應用少,class應用多?
單一使用的樣式用id,需要程序、js動態控制的樣式用id,id在頁面只能使用一次!盡量少用id,因為id可能和頁面嵌的程序沖突。class作為一個獨立的屬性,一個元素可以有多個class樣式,一個class也可以用于多個元素,這樣可以重分將樣式分解化。同時在jquery和js可以class屬性。
什么時候使用ID,什么時候使用class?
一般情況下,css只用class來寫并有專門的class通用和私有模塊命名,id具有唯一性且優先級太高只作為js操作dom的掛鉤全部不添加樣式,如果使用jq或zepto的話,操作的class類名一般也不加樣式,這部分的class命名和id一樣由js來制定。這樣做比較適合大型,多人維護并且需要長期迭代的項目,css的class類名和js操作的id、class類完全分離,這樣產品的ui或者產品交互邏輯變動二者互不影響,易維護。
新聞標題:為什么網頁中ID屬性用得越來越少?
URL標題:http://m.newbst.com/news/81989.html
成都網站建設公司_創新互聯,為您提供做網站、面包屑導航、網頁設計公司、網站設計公司、外貿網站建設、網站策劃
聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯
猜你還喜歡下面的內容