html - magento CE 中的 css 可见性问题

Question

我需要隐藏一个div这是我的 html

<div class="text">
    <div class="active">text</div>
    <div>text2</div>
</div>

这是我的CSS

.text div 
{
visibility:hidden !important;
}
.active 
{
visibility:visible !important;    
}

我必须用 text2 隐藏 div(我不能给它分配类或 id)但同时我必须用文本显示 div(即激活类)

我的限制

1. 我必须使用 !important 因为我需要覆盖我通过 CDN 接收的 CSS
2. 我不能为 DIV 分配任何额外的 ID 或类

我可以隐藏所有的 div，但我还需要显示具有事件类的 div

Answer 1

试试这个:

CSS:

 .text div 
    {
    visibility:hidden !important;
    }
    .text .active 
    {
    visibility:visible !important;    
    }

HTML:

 <div class="text">
        <div class="active">text</div>
        <div>text2</div>
    </div>