ID選擇器：

id一般來說都是唯一的，我們來看一下操作：

然后我們在樣式文件中，我們這樣：

我們得到了兩種效果的混合了。看看效果：

然而，當id選擇器和類選擇器的樣式起沖突的時候，就這涉及到了一個優先級的問題了，在這里我就直接把優先級說一下，ID選擇器>類選擇器。

HTML標簽選擇器：

設置的是一個更大范圍的，只要是這個標簽里邊的，就會應用這個樣式，那么我們這段代碼里邊，有一個body，我們在樣式中的body里邊寫入一個顏色值：

那么我們的HTMLPage里邊的body中的：

那么這個123456就會變色。效果：

我們也很容易的看的出來，欄目一 欄目二 欄目三 沒有變色，這是為什么呢？很明顯，這涉及到了一個優先級的問題了，ID優先級>類選擇器>HTML標簽選擇器。

再說一個內容，就是一個父子關系的，我們在HTMLPage里邊這樣寫:

然后我們在樣式文件中這樣：

記得title與span之間的空格，然后這個效果就是：

我們就能看的出來，這個“一”是明顯的變了。

還有一個內容，并列的寫法：我們在樣式中這樣寫：

menu和title之間我們用逗號隔開，就能達到目的，我們看看效果：

我們接下來講最后一個內容，就是class這個類是可以設置為多個的，那么我們看一下是什么個情況，我們在HTMLPage里邊寫：

然后我們在樣式里邊這么寫：

我們就能看到欄目二

已經與niu一樣，加了下劃線了，這就出現了一個問題，這個時候的顏色應該是menu的還是niu的呢？我們一看就知道是menu的，這與CSS的樣式排列前后順序有關。與后面的對應起來。