详解CSS样式中的!important、*、_符号

1. !important

在CSS样式中，!important用于提高样式的优先级。当多个样式规则作用于同一元素时，如果某个样式规则使用了!important，则它的优先级最高，会覆盖其他规则的样式。

以下是一个示例，其中两个样式规则同时作用于同一元素p，但第二个规则使用了!important，所以它的样式会被应用：

p {
  color: red;
}

p {
  color: blue !important;
}

2. 星号（*）

在CSS样式中，星号（*）可以匹配所有元素。在一些特殊的情况下，我们可以用它来设置全局样式，比如给所有元素添加一个盒子模型：

* {
  box-sizing: border-box;
}

同时，星号也可以在选择器中与其他元素一起使用，比如我们可以用它来选择所有父元素是ul的子元素：

ul * {
  color: red;
}

3. 下划线（_）

在CSS样式中，下划线（_）在选择器中没有特殊含义，不会影响样式的应用，但在一些特殊情况下，它可以作为标识符使用。

在HTML5中，id和class属性只能包含字母、数字、连字符（-）和下划线，如果你想使用除此之外的字符，可以使用下划线。

以下是一个示例，其中给一个元素添加了一个下划线开头的class：

<div class="_example">
  This is an example
</div>

._example {
  color: red;
}