- 元素選擇器
作用：根據標籤的來選中指定的元素；
語法：標籤名{}
例如：p{} div{}
作用：根據元素的id屬性來選中指定的元素
語法：#id{}
例子：#box1{} #red{}
作用：根據元素的class值來選中指定的元素
語法：.class的屬性值{}
class是乙個標籤的屬性，他和id類似，不同的時class可以重複使用
可以通過class屬性來為元素分組
可以同時為同乙個元素指定多個class，用空格隔開
作用：選中頁面中的所有元素
語法：*
作用：選中符合多個條件的元素
語法：選擇器一.選擇器二.選擇器三.選擇器四
注意點:如果選擇器中含有元素選擇器，則一定要以元素選擇器開頭。
>
div.red
style
>
class
=red
>
今天天氣不錯div
>
作用：同時選擇多個選擇器對應的元素
語法：選擇器一,選擇器二,選擇器三，
>
h1,span
style
>
>
標題>
>
哈哈span
>
父元素：直接包含了子元素的元素；
子元素：直接被父元素包含的元素；
祖先元素：直接或者間接包含後代元素的元素；乙個元素的 父元素也是其祖先元素；
後代元素：直接或者間接被祖先元素包含的元素；子元素也是後代元素；
兄弟元素：擁有相同父元素的元素；
>
我是div
>
我是div中的p元素>
我是p元素中的spanspan
>
p>
>
我是div中的spanspan
>
div>
1.子元素選擇器
作用：選中指定父元素的指定子元素
語法：父元素》子元素
div>span
2.後代元素選擇器
作用：選中指定元素內的後代
語法：祖先 後代
div span
3.兄弟選擇器
選擇下乙個兄弟（緊挨著的下乙個）
語法：前乙個+下乙個
p+span
[屬性名]選擇含有指定屬性的元素
[屬性名=屬性值]選擇含有指定屬性和屬性值的元素
[屬性名^=屬性值]選擇屬性值以屬性值開頭的元素
[屬性名$=屬性值]選擇屬性值以屬性值結尾的元素
[屬性值*=屬性值]選擇屬性值中含有某值的元素
title
="abc"
>
1p>
title
="abcde"
>
2p>
title
="differ"
>
3p>
CSS中的選擇器
1.關係選擇器 a.後代選擇器特點 父元素 子元素,中間是空格什麼都不加 b.兒子選擇器的特點 父元素 子元素,中間是 號 c.相鄰選擇器特點 元素 元素,中間用 號,但是兩者要為同一級才行 d.兄弟選擇器特點 元素 元素,兄弟元素中間用 號,必須要兩個為同一級 2.屬性選擇器 a.格式是標籤名 屬...
Css中的選擇器
常用的選擇器有如下幾種 1 標籤選擇器標籤選擇器，此種選擇器影響範圍大.舉例 div 2 id選擇器 html元素以id屬性來設定id選擇器,css 中 id 選擇器以 來定義。通過id名來選擇元素，元素的id名稱不能重複，所以乙個樣式設定項只能對應於頁面上乙個元素，不能復用，id名一般給程式使用，...
CSS中的選擇器
選擇器可以幫助我們在html中選中想要修飾的標籤 下面選擇器為自己梳理總結 a.標籤名選擇器 根據標籤的名稱選中標籤，格式 標籤名 b.類選擇器 在標籤上新增class屬性，可以根據class的值選中標籤，格式 類名 c.id選擇器 在標籤上新增id屬性，根據id的值選中標籤，id不能重複，格式 i...