CSS隐藏属性内容[重复]答案

【问题标题】：CSS to hide Attribute Content [duplicate]CSS隐藏属性内容[重复]
【发布时间】：2019-08-16 02:18:13
【问题描述】：

预期结果

如果内容为0，我想隐藏data-count-green的内容。

我尝试过使用以下

CSS

.myclass[data-count][content='0'] {
  display: none;
}

HTML

<!DOCTYPE html>
<html>
  <head>
    <style>
      .myclass[data-count] {
        position: relative;
      }

      .myclass[data-count][content='0'] {
        display: none;
      } 

      .myclass[data-count]:after {
        position: absolute;
        content: attr(data-count);
      }
    </style>
  </head>
  <body>
    <div>
      <div>
        <i class='myclass' id="comment" data-count='0' </i>
      </div>
    </div>
  </body>
</html>

【问题讨论】：

我想应该是.far[data-count-green='0']，不是吗？
在您的示例中，您的 HTML 格式也有误，这可能会导致您的问题：<i class='far' id="comment" data-count-green='0' </i>
您的<i> 有错误，没有正确关闭。

标签： css

【解决方案1】：

只需使用.far[data-count-green='0']

.far[data-count-green='0'] {
    display: none;
}

<div>
    <div>
     <i class='far' id="comment" data-count-green='0'>I'm not visible</i>
    </div>
 </div>

【讨论】：

我非常感谢你。我已经尝试了这么久。