CSS檔位是指樣式的權重值,用來確定不同選擇器對同一元素設置樣式時的優先級。CSS檔位通常有四種類型:行內樣式、ID選擇器、類選擇器和標簽選擇器。
行內樣式: <p style="color: red;">這是一個紅色的段落</p> 行內樣式具有最高的優先級,因此它們總是覆蓋內部樣式表和外部樣式表的樣式。 ID選擇器: <style> #myDiv { background-color: blue; } </style> <div id="myDiv">這是一個藍色的div</div> ID選擇器的優先級比類選擇器和標簽選擇器更高,但比行內樣式優先級低。 類選擇器: <style> .myClass { font-size: 16px; } </style> <p class="myClass">這是一個16px字體大小的段落</p> 類選擇器的優先級比標簽選擇器更高,但比ID選擇器和行內樣式優先級低。 標簽選擇器: <style> p { color: green; } </style> <p>這是一個綠色的段落</p> 標簽選擇器的優先級最低,它只能覆蓋樣式表中更低優先級的選擇器。
在實際應用中,我們應該遵循CSS檔位的規則,避免使用行內樣式,優先使用ID選擇器,其次使用類選擇器和標簽選擇器來設置樣式。這樣可以確保樣式的正確應用和維護。
上一篇css案例實下載