css 選擇器用于匹配 html 元素,使我們能夠對特定元素應用樣式。選擇器類型包括:通用、元素、id、類、后代、子元素、相鄰。使用方法是在樣式表中指定選擇器和要應用的樣式屬性。
CSS 選擇器是什么?
CSS 選擇器是用來匹配和選擇 HTML 文檔中的元素。它們使我們能夠對特定的 HTML 元素應用樣式,從而控制它們的視覺呈現。
選擇器的類型:
通用選擇器(*): 匹配所有元素。
元素選擇器(tag): 匹配具有特定標簽名的元素。例如,p
匹配所有段落元素。
ID 選擇器(#): 匹配具有特定 id 屬性值的元素。例如,#my-id
匹配 id 為 “my-id” 的元素。
類選擇器(.): 匹配具有特定類屬性值的元素。例如,.my-class
匹配所有類名為 “my-class” 的元素。
后代選擇器(空格): 匹配其父元素具有特定選擇器的元素。例如,p span
匹配所有父元素為段落元素的 span 元素。
子元素選擇器(>): 匹配其直接父元素具有特定選擇器的元素。例如,div > p
匹配所有直接子元素為段落元素的 div 元素。
相鄰選擇器(+): 匹配緊鄰其前面的元素具有特定選擇器的元素。例如,p + span
匹配所有緊鄰段落元素之后的 span 元素。
使用方法:
選擇器在 CSS 樣式表中使用,以選擇要應用樣式的元素。語法如下:
<code>selector { property: value; }</code>
登錄后復制
例如,以下樣式將所有段落元素的文本顏色設置為藍色:
<code>p { color: blue; }</code>
登錄后復制