CSS選擇器總結

2021-08-16 07:04:46 字數 559 閱讀 9804

css語法:由選擇器和宣告組成,宣告由屬性和值組成。如:

p
p為選擇器,指明網頁中要應用樣式的元素;color為屬性,red為屬性的值。

css選擇器有以下幾種:

標籤選擇器  如,,,

類選擇器 (英文圓點).類選擇器名稱  

id選擇器 (#) 類似於類選擇器,區別為:為標籤設定id="id名稱「 而不是class="類名稱」 id選擇器乙個名稱只能用一次

子選擇器(>) 用於選擇指定標籤元素的第一代子元素

包含選擇器(空格)用於選擇指定標籤元素下的後輩元素  區別為:子選擇器只作用於直接後代,即第一代後代;而包含選擇器作用於所有後代元素

通用選擇器(*) 匹配html中所有標籤元素

偽類選擇符 它允許給html不存在的標籤(標籤的某種狀態)設定樣式,如 

a:hover
為a標籤滑鼠滑過的狀態,設定字型顏色標紅

8.分組選擇符(,) 為html中多個標籤元素設定同乙個樣式

css選擇器 CSS選擇器總結

在前不久的專案中,實習小妹妹在乙個全域性的樣式中使用了下面這個css選擇器 content 對應的html結構大致是 實習妹子大致的意思是想要讓content下的子元素div的高度100 但是貌似她沒有真正理解first child的意義,從而導致這個全域性的樣式讓 所有頁面都出現了問題,然後我就只...

CSS總結 CSS選擇器

css3選擇器最新部分,有人也稱這種選擇器為css3結構類,下面我們通過實際的應用來具體了解他們的使用和區別,首先列出他具有的選擇方法 first child選擇某個元素的第乙個子元素 last child選擇某個元素的最後乙個子元素 nth child 選擇某個元素的乙個或多個特定的子元素 nth...

CSS選擇器總結

通用選擇器 選擇所有元素 css2 型別選擇器 element 根據型別選擇元素 css1 類選擇器 class 根據全域性屬性class的值選擇元素 css1 id選擇器 id 根據全域性屬性id的值選擇元素 css1 屬性選擇器 attr 基於屬性選擇元素 css2 attr val 選擇定義a...