元素选择器(Element Selector):通过指定 HTML 元素的名称来定义样式。例如:
p {
color: blue;
}
类选择器(Class Selector):通过指定 class 属性的值来定义样式,在 CSS 中以点号(.)开头。例如:
.special {
font-weight: bold;
}
ID 选择器(ID Selector):通过指定 id 属性的值来定义样式,在 CSS 中以井号(#)开头。但是在实际应用中,尽量避免使用 ID 选择器来定义样式,因为 ID 具有唯一性,会影响样式的复用性。例如:
#header {
background-color: gray;
}
通配选择器(Universal Selector):使用 * 来选择所有元素。例如:
* {
margin: 0;
padding: 0;
}
属性选择器(Attribute Selector):通过属性来选择元素。例如:
input[type="text"] {
width: 200px;
}
伪类选择器(Pseudo-Class Selector):用于向某些选择器添加特殊的效果。例如:
a:hover {
text-decoration: underline;
}