CSS隐藏属性内容[重复]
Posted
技术标签:
【中文标题】CSS隐藏属性内容[重复]【英文标题】：CSS to hide Attribute Content [duplicate] 【发布时间】：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> 有错误，没有正确关闭。
【参考方案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>【讨论】：
我非常感谢你。我已经尝试了这么久。以上是关于CSS隐藏属性内容[重复]的主要内容，如果未能解决你的问题，请参考以下文章
隐藏属性 (HTML5) 和 display:none 规则 (CSS) 有啥区别？