css 去掉前面的点

在CSS中，我们经常使用点（“.”）开头的类选择器来定义样式。但是在某些情况下，我们希望去掉元素前面的点，从而达到不同的视觉效果。下面是一些方法来实现这个目标。

/* 方法一：使用属性选择器 */[class^="."], [class*=" ."] {
  /* 在这里定义样式 */}
/* 方法二：使用伪类选择器 */[class]:not(html) {
  /* 在这里定义样式 */}
    

方法一使用属性选择器来匹配以点开始或包含空格和点的类。在这两种情况下，我们都使用“^=”和“*=”属性选择器来匹配元素的类名。这个方法支持所有现代浏览器，但是不兼容IE6-IE7。

方法二使用伪类选择器: not()来选择所有除了HTML元素之外带有类的元素，从而去掉前面的点。这个方法支持所有现代浏览器和IE9+，但是不兼容IE8及以下版本。

声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！