CSS中的選擇器是指用來選取HTML元素的模式,可以根據元素的屬性、層次結構等進行篩選。以下是常見的選擇器示例。
/* 選取所有元素 */ * { color: red; } /* 通過元素名選取元素 */ h1 { font-size: 24px; } /* 通過類名選取元素 */ .text { font-weight: bold; } /* 通過ID選取元素 */ #sidebar { width: 200px; } /* 通過屬性值選取元素 */ input[type="text"] { border: 1px solid #ccc; } /* 通過組合選取元素 */ p a { color: blue; }
以上代碼中,*
表示選取所有元素,h1
表示選取所有標題一元素,.text
表示選取所有類名為text的元素,#sidebar
表示選取ID為sidebar的元素,input[type="text"]
表示選取type為text的輸入框元素,p a
表示選取p元素內的所有鏈接元素。
除了以上常見的選擇器,CSS還有很多其他的選擇器,例如偽類選擇器、偽元素選擇器等,可以根據實際需要進行選擇。