CSS3選擇器的優先級對于網頁設計來說是至關重要的。如果你使用了不同的選擇器來定義單個樣式屬性，就需要知道瀏覽器將選擇器應用于元素的順序。CSS3選擇器優先機制是由以下三種選擇器組成：ID選擇器、類選擇器和標簽選擇器。
#header {
background: #fff;
color: #000;
}
.header .navbar {
background: #000;
color: #fff;
}
header h1 {
font-family: sans-serif;
font-size: 2em;
}在上面的例子中，我們定義了一個ID選擇器(#header)、一個類選擇器(.header .navbar)和一個標簽選擇器(header h1)。如果同一個元素使用了多個選擇器，優先級就會體現出來。比如說，如果上述三個選擇器都會應用到元素
- ID選擇器的優先級最高，觸發器的是“#”，當然，
#header的優先級是3，相當于一個對象，所以ID選擇器總是最重要的。 - 類選擇器和屬性選擇器的優先級相同，分別為1。
.header .navbar的優先級更高，因為它是更具體的選擇器。 - 標簽和偽元素選擇器的優先級最低，為0。換句話說，標簽和偽元素選擇器的優先級沒有指定！
因此，在上面的代碼段中，當應用于