html 選擇器之基礎選擇器

2022-03-30 18:12:26 字數 552 閱讀 6801

我把css選擇器分開成三部分,第一部分是我們常用的部分,我把他叫做基本選擇器;第二部分我把他稱作是屬性選擇器,第三部分我把他稱作偽類選擇器

一、基礎選擇器

1. 萬用字元(*):選中所有的元素

2.元素選擇器(e):乙個元素作為乙個選擇器,div,ul,dd,span等等

3、類選擇器(class):定義class

4、id選擇器(id):定義id

5、後代選擇器(e f):像ul li 就是定義ul中的所有li元素(後代元素就是ul下不管多少層下的li都受影響)

6、子元素(e>f):像ul>span 定義ul下的所有span子元素(字元素就是只有這樣的span元素才受影響,如果是則不受影響)

7、相鄰元素選擇器(e+f):可以選擇e後面的f元素比如 li+li就是與li(e)相鄰的li(f)被選中了;在比如.about+.aboutus就是.about(e)後面的.aboutus(f)被選中了

8、通用兄弟選擇器(e~f):e和f在同乙個父類下面,f在e後面,這將選中e後面所有的f元素

9、群組選擇器(.a,.b,.c):好多類一起寫

html 選擇器之屬性選擇器

屬性選擇器的主要作用個人的理解就是對帶有指定屬性的元素設定css樣式。使用css3的屬性選擇器,可以指定元素的某個屬性,也可以指定某個屬性和這個屬性所對應的值。css3的屬性選擇器主要包括下面幾種 e attr 只使用屬性名,但沒有確定任何屬性值 e attr value 指定屬性名,並指定了該屬性...

CSS選擇器之基礎選擇器

選擇器 選擇符 就是根據不同需求把不同的標籤選出來這就是選擇器的作用。簡單來說,就是選擇標籤用的。標籤選擇器 又稱元素選擇器,指用html標籤作為選擇器,為頁面中某類標籤設定css樣式。缺點 不能差異化設定樣式,只能選擇全部的當前標籤。語法 基礎選擇器之標籤選擇器title 標籤選擇器 寫上標籤名 ...

CSS 選擇器之基礎選擇器

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