css常用的选择器的代码

在CSS中，选择器是用来指定哪些元素应该被样式化的。接下来我们来了解一些常用的选择器。

// 元素选择器，选择所有的p元素
p {
  color: red;
}

// 类选择器，选择class为red的元素
.red {
  color: red;
}

// id选择器，选择id为main的元素
#main {
  font-size: 20px;
}

// 子元素选择器，选择article里所有的p元素
article > p {
  font-weight: bold;
}

// 后代选择器，选择article里所有的span元素
article span {
  text-decoration: underline;
}

// 伪类选择器，选择所有尚未被访问过的链接
a:link {
  color: blue;
}

// 伪元素选择器，选择p元素的第一个字母
p::first-letter {
  font-size: 24px;
}

// 属性选择器，选择所有包含属性title的img元素
img[title] {
  border: 1px solid black;
}

// 通配符选择器，选择所有元素
* {
  margin: 0;
  padding: 0;
}

这些选择器可以组合使用，以实现更精细的样式控制。掌握这些基本的选择器可以帮助我们更好地进行CSS的编写，让我们的网页更加美观和优雅。