[分享]css六大选择器

CSS中有六种不同的选择器，包括元素选择器、id选择器、类选择器、组合选择器、属性选择器以及伪类选择器。以下将逐一介绍这些选择器：/ 元素选择器 / p { color: blue; } / id选择...

CSS中有六种不同的选择器，包括元素选择器、id选择器、类选择器、组合选择器、属性选择器以及伪类选择器。以下将逐一介绍这些选择器：

/* 元素选择器 */
p {
  color: blue;
}

/* id选择器 */
#myId {
  background-color: orange;
}

/* 类选择器 */
.myClass {
  font-size: 16px;
}

/* 组合选择器 */
p span {
  font-weight: bold;
}

/* 属性选择器 */
a[target="_blank"] {
  color: red;
}

/* 伪类选择器 */
a:hover {
  text-decoration: underline;
} 

元素选择器最为基础，可以选中HTML中的所有相应的元素，但没有特定的身份标识。id选择器使用元素的id属性来选择样式，id需要唯一。类选择器则是选择有同样class属性值的元素。组合选择器可以通过不同的选择器组合使用，如p span就表示选择p元素里面的span元素。属性选择器用于选择含有某一属性的元素，也可以选择含有特定属性值的元素。伪类选择器用于代表不同的特殊状态，如:hover，代表鼠标悬浮在该元素上时的状态。