Html magento CE中的css可视性问题

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

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

我必须用text2隐藏div（我无法为其分配类或id），但同时我必须用文本显示div（即，类处于活动状态）

我的限制

我必须使用！重要的是，我需要覆盖通过CDN接收的CSS

我无法为div分配任何附加id或类

我可以隐藏所有div，但我还需要在类处于活动状态时显示div

CSS:

HTML:

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

文本
文本2

使用

div.active

而不仅仅是

.active

。请记住，这不是一个好的做法。请尝试

display:none

隐藏

display:block

显示。@格林先生，谢谢，它能起作用。您能详细说明为什么这不是一个好做法吗？？格林先生提出了一个解决方案，并说这不是一个好办法

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

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