[分享]css 样式 选择器

在网页中使用 CSS 样式可以让网页变得更加美观、易于阅读和易于理解。关于 CSS 样式表的选择器，主要包括三种：标签选择器、ID 选择器和 class 选择器。1. 标签选择器p { fontsiz...

在网页中使用 CSS 样式可以让网页变得更加美观、易于阅读和易于理解。关于 CSS 样式表的选择器，主要包括三种：标签选择器、ID 选择器和 class 选择器。

1. 标签选择器

p { 
font-size: 16px; 
color: #333; 
}

上面的代码表示用来选择所有的段落 p 标签，并设置它们的字号为 16 像素，颜色为 #333。

2. ID 选择器

#nav { 
background-color: #ddd; 
height: 50px; 
}

上面的代码表示选择一个 ID 为 nav 的元素，并设置其背景色为 #ddd，高度为 50 像素。

3. 类选择器

.error { 
color: red; 
border: 1px solid red; 
}

上面的代码表示选择所有具有类名 "error" 的元素，并设置其颜色为红色，边框为 1 像素实线红色。

除了以上三种选择器，还有许多其他选择器，如后代选择器、属性选择器等等，我们可以根据具体需求选择不同的选择器来进行样式设置。

江苏,常州