1.1 標籤選擇器
就是用標籤名來當做選擇器。
1） 所有標籤都能夠當做選擇器，比如body、h1、dl、ul、span等等
2） 不管這個標籤藏的多深，都能夠被選擇上。
3） 選擇的是所有的，而不是某乙個。所以是共性，而不是特性。
1 a
#表示選擇id
1 #lj1
2）同乙個頁面內id不能重複，即使不一樣的標籤，也不能是相同的id。1）任何的標籤都可以有id，id的命名要以字母開頭，可以有數字、下劃線。大小寫嚴格區別，也就是說mm和mm是兩個不同的id。
也就是說，如果有乙個p的id叫做haha，這個頁面內，其他所有的元素的id都不能叫做haha。
.就是類的符號。類的英語叫做class。
所謂的類，就是class屬性，class屬性和id非常相似，任何的標籤都可以攜帶class屬性。
class屬性可以重複，比如，頁面上可能有很多標籤都有teshu這個類：
1 <h3>我是乙個h3啊
h3>
2
<
h3 class
="teshu"
>我是乙個h3啊
h3>
3
<
h3>我是乙個h3啊
h3>
4
<
p>我是乙個段落啊
p>
5
<
p class
="teshu"
>我是乙個段落啊
p>
6
<
p class
="teshu"
>我是乙個段落啊
p>
css裡面用.來表示類：
1 .teshu
同乙個標籤，可能同時屬於多個類，用空格隔開：
1 <h3 class
="teshu zhongyao"
>我是乙個h3啊
h3>
這樣，這個h3就同時屬於teshu類，也同時屬於zhongyao類。
初學者常見的錯誤，就是寫成了兩個class：
1 <h3 class
="teshu"
class
="zhongyao"
>我是乙個h3啊
h3>
所以要總結兩條：
1） class可以重複，也就是說，同乙個頁面上可能有多個標籤同時屬於某乙個類；
2） 同乙個標籤可以同時攜帶多個類。
類的使用，能夠決定乙個人的css水平。
1） 不要去試圖用乙個類名，把某個標籤的所有樣式寫完。這個標籤要多攜帶幾個類，共同造成這個標籤的樣式。
2） 每乙個類要盡可能小，有「公共」的概念，能夠讓更多的標籤使用。
到底用id還是用class？
答案：盡可能的用class，除非極特殊的情況可以用id。
原因：id是js用的。也就是說，js要通過id屬性得到標籤，所以我們css層面盡量不用id，要不然js就很彆扭。另一層面，我們會認為乙個有id的元素，有動態效果。
1 <style
type
="text/css"
>
2 .div1 p
5
style
>
空格就表示後代，.div1 p 就是.div1的後代所有的p。
強調一下，選擇的是後代，不一定是兒子。
比如：
1 <div
class
="div1"
>
2
<
ul>
3
<
li>
4
<
p>段落
p>
5
<
p>段落
p>
6
<
p>段落
p>
7
li>
8
ul>
9
div>
能夠被下面的選擇器選擇上：
1 .div1 p
所以，看見這個選擇器要知道是後代，而不是兒子。選擇的是所有.div1「中的」p，就是後代p。
空格可以多次出現。
1 .div1 .li2 p
就是.div1裡面的後代.li2裡面的p。
後代選擇器，就是一種平衡：共性、特性的平衡。當要把某乙個部分的所有的什麼，進行樣式改變，就要想到後代選擇器。
後代選擇器，描述的是祖先結構。
1 h3.special
選擇的元素是同時滿足兩個條件：必須是h3標籤，然後必須是special標籤。
交集選擇器沒有空格。
所以有沒有空格
1 div.red和
1 div .red
不是乙個意思。
交集選擇器可以連續交（一般不要這麼寫）
1 h3.special.zhongyao
交集選擇器，我們一般都是以標籤名開頭，比如div.haha 比如p.special。
1 h3,li
用逗號就表示並集。
*就表示所有元素。
1 *
效率不高，如果頁面上的標籤越多，效率越低，所以頁面上不能出現這個選擇器。
Web 前端 CSS選擇器
選擇器 選擇器類選擇器 類選擇器 三年級時，我還是乙個膽小如鼠的小女孩，上課從來不敢回答老師提出的問題，生怕回答錯了老師會批評我。就一直沒有這個勇氣來回答老師提出的問題。學校舉辦的活動我也沒勇氣參加。到了三年級下學期時，我們班上了一節公開課，老師提出了乙個很簡單的問題，班裡很多同學都舉手了，甚至成績...
Web前端 CSS選擇器
本文介紹css的選擇器，包括元素選擇器 id選擇器 類選擇器 屬性選擇器 後代選擇器 子元素選擇器 相鄰兄弟選擇器。本文內容結合w3c教程編寫 1 元素選擇器 又稱型別選擇器 type selector 是最常見的css選擇器，文件的元素就是選擇器，比如p h1 甚至html本身。p h12 id選...
web前端 CSS 屬性選擇器 030
具有特定屬性的html元素樣式不僅僅是class和id。注意 ie7和ie8需宣告 doctype才支援屬性選擇器！ie6和更低的版本不支援屬性選擇器。下面的例子是把包含標題 title 的所有元素變為藍色 下面的例項改變了標題title baidu 元素的邊框樣式 下面是包含指定值的title屬性...