DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS基礎知識 >> 2.2 什麼叫CSS選擇器?
2.2 什麼叫CSS選擇器?
編輯:CSS基礎知識     

很多書,一上來就介紹說“一個樣式的語法是由三部分構成:選擇器、屬性和屬性值……”,然後就滔滔不絕地說選擇器的語法,講解各種選擇器。讀者幾乎把所有選擇器看完了,都不知道選擇器究竟是什麼東西?!

為了避免這種人間悲劇的發生,在講解選擇器語法和類型之前,我們先給大家詳細講解選擇器究竟是怎麼的一回事。

我們先看一段代碼:

 
<!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樣式。當然,你也有可能會用某一種選擇器代替另一種選擇器,這僅僅是由於選擇方式不一樣罷了,目的還是一樣的。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved