我們前些時候簡單的說了一下CSS的選擇器，大致上分為7種選擇器 ：標籤、類、id選擇器、仿類選擇器 組合選擇器 同級選擇器 屬性選擇器。其中，最容易給我們混淆的是同級選擇器的一些選擇項的內容。現在，我們可以簡單的來看看同級選擇器的兩類情況。
首先，看同級，就是說，他們必須有相同的父級，才能談得上同級。其次，同級選擇器有2中表現形式，一種是加+連結，一種是~連線，我們通過簡單的程式看看效果，首先是加號連線的。

可以看成看出，當用加號表示時，我們僅僅對於div同級，且相鄰的往下的的一個屬性賦予樣式。(這裡指同級且相鄰的h1,如果不相鄰，則不會有效果)

下面，我們將其中的+改成~，你會發現，同級的相同屬性都被賦予給定的樣式（這個樣式中是同級的h1）
然後，我們可以簡單的在過一下7類屬性選擇器，其中包括屬性名[ 屬性名]，也可以是[屬性名=" “]
還有[ ^=” “]表示以什麼開頭 [ $=” " ]表示以什麼結尾[ * =" “]表示包含什麼 [ ~=” “] 表示包含什麼單詞 [ |=” "] 表示以什麼單詞開頭 其中大部分情況是由中劃線線的情況。
字型，我們主要有font-style font-weight font-size font-family當然，這個屬性我們可以將其寫入font屬性中簡單表達，其中font屬性size中加一個斜槓，也可以表示行高，我們可以不用line-height表示，如
font: normal normal 20px/36px “宋體”；