如何在CSS中删除标记

在CSS中，有时需要删除HTML标记的默认样式。比如删除链接的下划线、列表项的圆点等。

以下是一些常用的方法：

text-decoration

text-decoration属性用来控制文字下划线和删除线。要去掉链接的下划线，可以将其设置为none。

a {
  text-decoration: none;
}

注意，这样做会同时去掉链接悬停时的下划线，如果你只想去掉默认状态下的下划线，可以这样写：

a:link {
  text-decoration: none;
}

list-style

list-style属性用来控制列表项的标记。要去掉列表项的圆点或数字，可以将其设置为none。

ul, ol {
  list-style: none;
}

outline

outline属性用来控制元素的轮廓线。有时候点击链接或输入框时，会出现默认的蓝色轮廓线，可以将其设置为none。

a, input {
  outline: none;
}

注意，去掉轮廓线会影响可访问性和键盘导航。

box-sizing

box-sizing属性用来控制元素的盒模型计算方式。如果不希望边框和内边距占据空间，可以将其设置为border-box。

* {
  box-sizing: border-box;
}

其他

除了以上这些属性，还有很多其他的方法可以取消HTML标记的样式。比如给父元素设置font-size: 0，在子元素中显式设置字体大小；使用::before、::after伪元素替代标记等等。

总之，要达到取消标记样式的效果，可以通过修改CSS样式实现。