[分享]css中class非空怎么表示

在 CSS 中，我们可以使用 class 进行样式的指定，而非空 class 的表示也是非常重要的。如果我们想要选中 HTML 页面上的非空 class ，我们可以按照以下方式来操作。/ 选中非空的 ...

在 CSS 中，我们可以使用 class 进行样式的指定，而非空 class 的表示也是非常重要的。如果我们想要选中 HTML 页面上的非空 class ，我们可以按照以下方式来操作。

/* 选中非空的 class */
[class]:not([class=""]) {
  /* 对非空 class 进行样式指定 */
  /* 例如，修改背景颜色为灰色 */
  background-color: gray;
} 

如上述代码所示，我们使用了选择器 [class]:not([class=""]) 来指定非空的 class ，其中 :not([class=""]) 表示 不为“空”的 class。

对于上述的代码，我们还可以使用更简洁的方式来写：

/* 选中非空的 class */
[class]:not(:empty) {
  /* 对非空 class 进行样式指定 */
  /* 例如，修改背景颜色为灰色 */
  background-color: gray;
} 

如上述代码所示，我们使用了选择器 [class]:not(:empty) 来指定非空的 class ，其中 :empty 表示 class 内没有任何内容。这样，我们就可以方便地选中非空的 class 进行样式指定了。