CSS是網頁制作中不可避免的一部分,在使用CSS時,選擇器是十分重要的一部分,由于選擇器可以選擇到網頁中的元素,從而對元素進行樣式的修飾。接下來,我們將介紹CSS中常用的選擇器。
/* 類選擇器 */ .class { ... } /* ID選擇器 */ #id { ... } /* 標簽選擇器 */ p { ... } /* 全局選擇器 */ * { ... } /* 子選擇器 */ ul>li { ... } /* 后代選擇器 */ div p { ... } /* 相鄰兄弟選擇器 */ h1 + p { ... } /* 通用兄弟選擇器 */ h1 ~ p { ... }
類選擇器是指以"."開頭的選擇器,用來選擇擁有相同class屬性值的元素,該選擇器可同時作用于多個元素。
ID選擇器是以"#"開頭的選擇器,用來選擇具有特定id屬性值的元素,該選擇器只能作用于單個元素。
標簽選擇器是指選擇頁面中所有該標簽所代表的HTML元素,該選擇器可同時作用于多個元素。
全局選擇器是指將樣式應用于頁面上的所有元素,該選擇器可以為頁面中所有元素設置樣式。
子選擇器是指選擇特定的子元素,該選擇器只選擇當前元素的第一代子元素。
后代選擇器則是選擇當前元素下的所有子元素,包括嵌套的子元素,可選擇多代子元素。
相鄰兄弟選擇器是指選擇緊挨在當前元素后面的兄弟元素,且這些兄弟元素有相同的父元素。
通用兄弟選擇器是類似于相鄰兄弟選擇器,只是該選擇器選擇的不僅僅是緊挨在當前元素后面的兄弟元素,而是匹配所有與該元素擁有相同父元素的同級元素。
以上是CSS中常用的選擇器,這些選擇器多數情況下都能滿足我們網頁制作中的需求,在使用時需要根據具體需求進行選擇。
上一篇css的引用的三種方式
下一篇CSS的引用樣式