1. 程式人生 > >css id選擇器和類選擇器使用雜談

css id選擇器和類選擇器使用雜談

以下來自廣大網友的觀點,我也覺得有道理

其實自己一直糾結這個問題,現在可以不糾結了

1.結果沒有區別,形式上有區別,建議用class ,如果你好幾個模組都是一樣的css,用id就不合適了

2.js的時候document.getelementbyid('')時就會體現出來。
3.很多情況下後臺程式多會使用ID找到相關的資訊,而class似乎是專門為前端服務的,ID的命名也許是程式開發人員根據功能命名的,而前端美化人員可能會從另一個角度為樣式命名。
4.id給js用,class給css用
5.請勿使用id,除非用於錨定位。將id從css和js手中還給html和url。請勿使用全域性變數,除非你做的是api。將全域性變數還給共識性規範的介面。
6.類應該應用於概念上相似的元素,這些元素可以出現在同一頁面上的多個位置,而ID 應該應用於不同的唯一的元素。但是,究竟哪些元素是概念上相似的,哪些元素是唯一的?
7.CSS新手常常在幾乎所有東西上新增類,從而試圖更精細地控制它們的樣式。早期的WYSIWYG編輯器也傾向於在應用樣式的每個地方都新增類。許多開發人員在使用編輯器生成的程式碼學習CSS時繼承了這個壞習慣。這種現象稱為"多類症"(classitis)
8.id還一個老特性是錨點功能,當瀏覽器位址列有一個#xxx,頁面會自動滾動到id=xxx的元素上面
9.ID具有唯一性,Class具有普遍性。ID是唯一的,所以儘量在結構外圍使用,通常用於頁面佈局。Class是可重複的,所以儘量在結構內部使用,通常用於樣式定義。ID的樣式優先順序高於Class。
10.我這麼使用:如果一個元素在頁面中出現一次,並且需要在JS中新增動態效果的話就用ID。其他情況用class。