為什么網頁中ID屬性用得越來越少？
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://www.js-pz168.com/news/81989.html
成都網站建設公司_創新互聯，為您提供做網站、面包屑導航、網頁設計公司、網站設計公司、外貿網站建設、網站策劃
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 空間是什么？我們該如何選擇空間？ 2020-04-24
- 如何讓做好的網站打開速度更快 2020-04-24
- 如何合理的更換空間的操作過程 2020-04-24
- 什么樣的網站管理后臺猜是最規范的？ 2020-04-23
- 購物網站運營的一些經驗分享 2020-04-23
- 網站源文件所有權屬于歸屬為客戶 2020-04-23
- 什么是產品展示型網站？ 2020-04-22
- 網站備案需要準備的材料和操作方法 2020-04-24
- 評價一個網站好與壞的標準有哪些 2020-04-24
- 網站美工設計和平面設計的區別 2020-04-24
- 為什么有人會注冊多個域名？ 2020-04-24
- 做好網站以后關于FTP的說明事項 2020-04-22
- 瀏覽網站時看到的全是亂碼的問題分析。 2020-04-22
- 阻止自己的網站圖片被人盜用 2020-04-22
- 做好的網站在不同的電腦顯示不一樣 2020-04-21
- 如何打造一流的網站結構 2020-04-21
- 對現有的網站站內站外進行分析 2020-04-21
- 成都網站建設的方法 2020-04-21
- 網站制作公司解密不同價格網站的根本區別 2020-04-21