很多書,一上來就介紹說“一個樣式的語法是由三部分構成:選擇器、屬性和屬性值……”,然後就滔滔不絕地說選擇器的語法,講解各種選擇器。讀者幾乎把所有選擇器看完了,都不知道選擇器究竟是什麼東西?!
為了避免這種人間悲劇的發生,在講解選擇器語法和類型之前,我們先給大家詳細講解選擇器究竟是怎麼的一回事。
我們先看一段代碼:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>什麼叫CSS選擇器?</title> </head> <body> <div> 學習網</div> <div> 學習網</div> <div> 學習網</div> </body> </html>
在浏覽器預覽效果如下:
如果我們只想要第二個div文本顏色為紅色,怎麼辦呢?我們必須通過一種方式來“選中”第二個div(因為其他的div不能選中),然後把它的CSS屬性顏色color改為紅色,這樣才行。像這種把某一個你想要的標簽選中的方式就是所謂的“選擇器”,也就是說選擇器就是一種選擇元素的方式。
選擇器,說白了就是用一種方式把你想要的那一個標簽選中!把它選中了,你才能操作這個標簽的CSS樣式。這樣夠簡單了吧。CSS有很多把你所需要的標簽選中的方式,這些不同的方式就是不同的選擇器。
選擇器的不同,在於它選擇方式不同,但是他們的目的都是相同的,那就是把你需要的標簽選中,然後讓你定義該標簽的CSS樣式。當然,你也有可能會用某一種選擇器代替另一種選擇器,這僅僅是由於選擇方式不一樣罷了,目的還是一樣的。