[分享]css中如何消除前面的点

在 CSS 样式表中，经常会看到前面带有一个点的样式选择器，例如下面这个： .example { margin: 0; } 这个点是 CSS 中“类”选择器的标志，用于表示要选择的元素拥有指定的 cl...

在 CSS 样式表中，经常会看到前面带有一个点的样式选择器，例如下面这个：

 .example {
        margin: 0;
    } 

这个点是 CSS 中“类”选择器的标志，用于表示要选择的元素拥有指定的 class 属性值。

但是，该怎么办才能消除掉这些前面的点呢？其实有两种做法：

1. 使用属性选择器

属性选择器通常用于选择带有指定属性或属性值的元素。如果一个元素拥有 class 属性并带有指定的值，则可以使用以下代码将该元素选择出来：

 [class="example"] {
        margin: 0;
    } 

以上代码选择所有带有 class="example" 的元素，并将其 margin 设置为 0。

2. 使用 id 选择器

如果该样式只需要应用到某个具体的元素上，那么可以给该元素添加一个 id 属性，并使用 id 选择器来选择它。例如：

 #example {
        margin: 0;
    } 

以上代码选择具有 id="example" 属性的元素，并将其 margin 设置为 0。

总之，通过使用属性选择器或 id 选择器可以消除前面的点，使代码更加简洁易懂。