溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下css選擇器優先級是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
選擇器優先級由高到低分別為：
!important > 作為style屬性寫在元素標簽上的內聯樣式 >id選擇器>類選擇器>偽類選擇器>屬性選擇器>標簽選擇器> 通配符選擇器（* 應少用）>瀏覽器自定義；
當比較多個相同級別的CSS選擇器優先級時，它們定義的位置將決定一切。下面從位置上將CSS優先級由高到低分為六級：
1、位于<head/>標簽里的<style/>中所定義的CSS擁有最高級的優先權。2、第二級的優先屬性由位于 <style/>標簽中的 @import 引入樣式表所定義。3、第三級的優先屬性由<link/>標簽所引入的樣式表定義。4、第四級的優先屬性由<link/>標簽所引入的樣式表內的 @import 導入樣式表定義。5、第五級優先的樣式有用戶設定。6、最低級的優先權由瀏覽器默認。
使用場景：
class使用場景：需要某些特定樣式的標簽則放在同一個class中，需要此樣式的標簽可再添加此類。（class不可被javascript中的GetElementByID函數所調用）
id使用場景：1、根據提供的唯一id號快速獲取標簽對象，如：document.getElementById(id) ；2、用于充當label標簽for屬性的值：示例：<label for='userid'>用戶名：</label>，表示單擊此label標簽時，id為userid的標簽獲得焦點
以上是“css選擇器優先級是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
