在CSS中,選擇器是用來選擇目標元素的一種方式。下面我們將介紹幾種常見的CSS選擇器類型:
1. 元素選擇器 基本的選擇器,根據(jù)元素名稱選取目標元素。如:p、div、a等。 2. id選擇器 通過元素的id屬性選取目標元素。以“#”為前綴,后接id值。如:#header、#content等。 3. 類選擇器 通過元素的class屬性選取目標元素。以“.”為前綴,后接class值,可以同時使用多個class值。如:.box、.header、.active等。 4. 屬性選擇器 通過元素的屬性選擇目標元素。主要有以下幾種方式: - [attribute]:選取具有該屬性的元素; - [attribute=value]:選取具有該屬性且屬性值為value的元素; - [attribute~=value]:選取具有該屬性且屬性值中包含value的元素; - [attribute|=value]:選取具有該屬性且屬性值以value開頭的元素; - [attribute^=value]:選取具有該屬性且屬性值以value開頭的元素; - [attribute$=value]:選取具有該屬性且屬性值以value結尾的元素; - [attribute*=value]:選取具有該屬性且屬性值中包含value的元素。 5. 后代選擇器 通過選取元素的后代元素選取目標元素。以空格“ ”分隔,如:body p、.box .content等。 6. 相鄰兄弟選擇器 通過選取元素的相鄰兄弟元素選取目標元素。以“+”符號分隔,如:h3 + p、.box + .content等。 7. 通用選擇器 選取所有的元素,用“*”表示。如:*{margin:0;padding:0;}。