css - 仅使用 CSS 根据其可见性属性设置类的 css 属性

Question

我有一组 div，其可见性设置为隐藏或可见。基于这个 css 可见性属性，我需要在那些 div 上添加 css 属性，比如

<div class="div-class" style="color:#ff0000; margin: 0px 10px; visibility:hidden;">
    [Block of Code]
</div>

现在我需要在 style.css 文件中定义以下内容。

.div-class:visible {top:10px;left:50px;}
.div-class:hidden {top:0px;left:0px;}

这可能吗？？？

Answer 1

是的，使用 css 属性选择器你可以做到 试试下面的 CSS:

.div-class[style*="visible"] {  
  color: green; 
}  

.div-class[style*="hidden"] {  
  color: red; 
}