在CSS中,選擇器是非常重要的概念。它是定義樣式規則的一種方式,可以根據元素的屬性、層次關系等來選擇目標元素。
/* 使用元素選擇器選中所有段落元素 */ p { color: red; } /* 使用類選擇器選中class為highlight的元素 */ .highlight { background-color: yellow; } /* 使用ID選擇器選擇id為intro的元素 */ #intro { font-size: 24px; }
元素選擇器是最基本的一種選擇器,可以用來選擇指定類型的元素,如
、
等。類選擇器是以“.”開頭的,可以用來為指定class屬性的元素添加樣式。ID選擇器是以“#”開頭的,可以用來為指定id屬性的元素添加樣式。
除了上述常用的選擇器外,還有很多其他選擇器,如后代選擇器、子元素選擇器、偽類選擇器等。掌握這些選擇器能夠更加靈活地應對不同的樣式需求。
/* 后代選擇器:選中div下的所有p元素 */ div p { font-weight: bold; } /* 子元素選擇器:選中ul下的直接子元素li元素 */ ul >li { list-style: none; } /* 偽類選擇器:為所有未訪問過的鏈接添加樣式 */ a:link { color: blue; }
需要注意的是,選擇器的 specificity(優先級)是根據不同種類選擇器的數量和級別來計算的。要注意避免選擇器沖突,以及靈活使用 specificity。