css常见的选择符 |css 自定义鼠标样式

/* ID选择器 */
#myid {
background-color: yellow;
}
/* 类选择器 */
.myclass {
text-align: center;
}
/* 标签选择器 */
p {
color: red;
}
/* 后代选择器 */
div p {
font-size: 18px;
}
/* 子元素选择器 */
ul >li {
color: blue;
}
/* 相邻兄弟选择器 */
h2 + p {
font-size: 20px;
}
/* 通用选择器 */
* {
margin: 0;
padding: 0;
}

ID选择器 (#id)

#myid {
background-color: yellow;
}

类选择器 (.class)

.myclass {
text-align: center;
}

标签选择器 (tagname)

p {
color: red;
}

后代选择器 (ancestor descendant)

div p {
font-size: 18px;
}

子元素选择器 (parent >child)

ul >li {
color: blue;
}

相邻兄弟选择器 (prev + next)

h2 + p {
font-size: 20px;
}

通用选择器 (*)

* {
margin: 0;
padding: 0;
}

以上是一些比较常用的选择符，通过它们可以快速便捷地选中需要应用样式的元素或元素组，提高CSS书写的效率。