CSS選擇器之基礎選擇器

選擇器(選擇符)就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說，就是選擇標籤用的。

標籤選擇器

又稱元素選擇器，指用html標籤作為選擇器，為頁面中某類標籤設定css樣式。

缺點：不能差異化設定樣式，只能選擇全部的當前標籤。

語法：

>

基礎選擇器之標籤選擇器title
>
>
/* 標籤選擇器 : 寫上標籤名 */
pdiv
style
>

類選擇器

差異化選擇不同的標籤，單獨選乙個或者某幾個標籤。

語法：

>

類選擇器title
>
>
/* 實現差異化標籤 */
/* 類選擇器口訣：樣式點定義 結構類呼叫 乙個或多個 開發最常用 */
.red
.star
style
>
head
>
>
>
class
="red"
>
冰雨li
>
class
="red"
>
來生緣li
>
class
="star"
>
李香蘭li
>
>
生僻字li
>
ul>
class
="red"
>
我是小清新
div>
body
>

id選擇器可以為標有特定id的html元素指定特定樣式。

html元素以id屬性來設定id選擇器，css中id選擇器以「#」來定義。

語法：

>

id選擇器title
>
>
/* id選擇器的口訣：樣式：#定義名，結構id呼叫，只能呼叫一次，別人切勿使用 */
#pink
style
>
head
>
>
"pink"
>
麥可.傑克遜
div>
body
>

萬用字元選擇器使用「*」定義，它表示選取頁面中所有元素（標籤）。

1）萬用字元選擇器不需要呼叫，自動給所有元素使用樣式；

2）特殊情況才使用。

如：

>

/* *的作用於body裡所有的標籤元素 */
*style
>
head
>
>
>
聽陰天說什麼div
>
>
eason
p>
body
>

CSS 選擇器之基礎選擇器

id選擇器 選擇具體的id屬性值的元素 元素選擇器 選擇具有相同標籤名稱的元素 類選擇器 選擇具有相同的class屬性值的元素。id選擇器，是根據標籤的id屬性值選擇對應的標籤的。格式 id值舉例 定義兩個p標籤，且標籤的id屬性值不同，然後用css定義p標籤的內容如何顯示。google瀏覽器中開啟...

CSS基礎選擇器 類選擇器 id選擇器

選擇器的作用 根據不同的需求把不同的標籤選出來 是由單個選擇器組成的 包括 標籤選擇器 類選擇器 id選擇器 萬用字元選擇器 1 標籤選擇器 指用html標籤名稱作為選擇器，按標籤名稱分類，為頁面中某一類標籤指定統一的css樣式。優點 能夠快速為頁面中同型別的標籤統一設定樣式。缺點 不能設計差異化樣...

CSS選擇器之屬性選擇器 關係選擇器

e代表標籤名，如p,div等等 att表示該標籤定義了的乙個屬性名，如class id等，value為該屬性的屬性值，該屬性值為包含字首 value的子字串。若去掉e,則表示匹配滿足條件的任意元素 基本原理同上，不過value表示該屬性值應包含以value為字尾的子字串 基本原理同上，但value表...