css既是层叠样式表,通过它可以装饰html网页,使其变漂亮,而怎么变呢?就要通过css选择器了,选择html标签再设置其属性及其属性值就OK啦。
CSS选择器可以通过以下步骤进行选择:
标签选择器:使用HTML的标签名选择元素,例如h1{},p{}等。
类选择器:使用HTML元素的class属性选择元素,例如.class{}。
ID选择器:使用HTML元素的id属性选择元素,例如#id{}。
后代选择器:选择指定元素的所有后代元素,例如div p{},ul li{}等。
子元素选择器:仅选择指定元素的子元素,例如ul>li{}等。
相邻兄弟选择器:选择紧邻在另一个元素后面的元素,例如h1+p{}等。
通用选择器:选择所有元素,例如*{}等。
属性选择器:通过引用元素的属性和属性值来选择元素,例如[name="value"]等。
伪类选择器:用于选择元素的特殊状态,例如a:hover等。
伪元素选择器:在元素的内容之前或之后添加样式,例如::before、::after等。
组合选择器:结合多个选择器来选择元素,例如p,div{}等。
逗号分隔符:选择多个元素,例如p,div{}等。
通配符选择器:选择文档中所有元素,例如*等。
邻接元素选择器:选择相邻的两个元素,不包括父元素和子元素等。
非子元素选择器:选择某个元素之后的所有兄弟元素,而不仅仅是其子元素等。
属性存在选择器:通过仅指定该元素具有某个属性,而不指定其属性值,来选择元素等。
否定选择器:选择与指定的选择器不匹配的元素等。