css怎么删除class样式「css清除li默认样式」

1. 使用display: none;
2. 使用visibility: hidden;
3. 使用opacity: 0;
4. 使用height: 0; width: 0; overflow: hidden;
5. 使用font-size: 0;
6. 使用line-height: 0;
7. 使用text-indent: -9999px;
8. 使用伪类选择器:not()

下面我们详细介绍一下这些方法：

1. 使用display: none;

将元素的display属性设置为none，可以使元素完全隐藏，同时不会影响布局。这种方法适用于需要隐藏元素的情况，但不需要删除class样式。

.example {
  display: none;
}

2. 使用visibility: hidden;

将元素的visibility属性设置为hidden，可以使元素不可见，但仍然占据空间。这种方法适用于需要隐藏元素的情况，但不需要删除class样式。

.example {
  visibility: hidden;
}

3. 使用opacity: 0;

将元素的opacity属性设置为0，可以使元素完全透明，同时不会影响布局。这种方法适用于需要隐藏元素的情况，但不需要删除class样式。

.example {
  opacity: 0;
}

4. 使用height: 0; width: 0; overflow: hidden;

将元素的height和width属性设置为0，并将overflow属性设置为hidden，可以使元素完全隐藏，同时不会影响布局。这种方法适用于需要隐藏元素的情况，但不需要删除class样式。

.example {
  height: 0;
  width: 0;
  overflow: hidden;
}

5. 使用font-size: 0;

将元素的font-size属性设置为0，可以使元素的文字内容消失，但不会影响布局。这种方法适用于需要隐藏文字内容的情况，但不需要删除class样式。

.example {
  font-size: 0;
}

6. 使用line-height: 0;

将元素的line-height属性设置为0，可以使元素的文字行高为0，从而使文字内容消失，但不会影响布局。这种方法适用于需要隐藏文字内容的情况，但不需要删除class样式。

.example {
  line-height: 0;
}

7. 使用text-indent: -9999px;

将元素的text-indent属性设置为一个足够大的负值（如-9999px），可以使元素的文字内容向右移动到看不见的位置，从而隐藏文字内容。这种方法适用于需要隐藏文字内容的情况，但不需要删除class样式。

.example {
  text-indent: -9999px;
}

8. 使用伪类选择器:not()

通过伪类选择器:not()，我们可以选择一个或多个不符合指定条件的元素。例如，我们可以使用以下代码来选择没有指定class的元素：

*:not(.example) {
  /* CSS样式 */
}

需要注意的是，这种方法并不能真正地删除class样式，而是通过选择器来排除具有特定class的元素。因此，如果需要在页面上删除某个class样式，最好的方法是直接从HTML代码中删除对应的class属性。