css中的选择器显示点 |css 网页切换图片

/* 类选择器 */
.example {
color: red;
}
/* ID 选择器 */
#example {
font-size: 18px;
}
/* 元素选择器 */
p {
line-height: 1.5;
}
/* 后代选择器 */
div p {
font-weight: bold;
}
/* 通配符选择器 */
* {
margin: 0;
padding: 0;
}
/* 显示点的选择器 */
p.warning {
color: yellow;
background-color: red;
}

可以看到，在上面的代码中，大家使用了一系列常用的CSS选择器，其中包括类选择器、ID选择器、元素选择器、后代选择器、通配符选择器等等。而在最后一个选择器中，大家引入了显示点的选择器，即“类选择器加元素选择器”组合。

显示点的选择器非常简单且易于记忆，它的作用是选取指定类型的元素，并且只选取那些拥有特定class属性的元素，并且这些class属性要满足规定的名称。

例如，上述代码中大家定义了一个选择器：“p.warning”，这个选择器的意思是只要类属性为“warning”的段落元素，大家就把它的字体颜色设置为黄色，背景颜色设置为红色。

综上，显示点的选择器是CSS中非常实用的一种选择器，大家可以借助它来更准确地选取目标元素，并对其进行准确的样式操作。