[分享]css中常用选择器

CSS中常用的选择器让我们可以快速地选中页面的元素并添加样式。以下是一些常用的选择器:/ 选中标签名为p的元素 / p { color: red; } / 选中类名为main的元素 / .main {...

CSS中常用的选择器让我们可以快速地选中页面的元素并添加样式。以下是一些常用的选择器:

/* 选中标签名为p的元素 */
p {
  color: red;
}

/* 选中类名为main的元素 */
.main {
  font-size: 16px;
}

/* 选中ID名为header的元素 */
#header {
  background-color: blue;
}

/* 选中第一个p标签 */
p:first-child {
  border: 1px solid black;
}

/* 选中包含自己于父元素内第二个p标签 */
p:nth-child(2) {
  padding: 10px;
}

/* 选中带有自定义属性data-target的元素 */
[data-target] {
  cursor: pointer;
} 

通过这些常用选择器，我们可以更加方便快捷地对网页进行样式设计。