如何使用CSS隐藏特定的字段集

时间:2017-12-01 16:44:31

标签: jquery css

我需要使用ID

隐藏字段集
<fieldset class="insurance-options" id="yui_patched_v3_11_0_1_1512143898049_574">
                    <ul id="yui_patched_v3_11_0_1_1512143898049_573">
                        <li id="yui_patched_v3_11_0_1_1512143898049_572">
                            <div class="l" id="yui_patched_v3_11_0_1_1512143898049_571"><label for="_wizcarinsurance_WAR_wizportlet_:j_idt236:greenCard" id="yui_patched_v3_11_0_1_1512143898049_570"><input id="_wizcarinsurance_WAR_wizportlet_:j_idt236:greenCard" type="checkbox" name="_wizcarinsurance_WAR_wizportlet_:j_idt236:greenCard" class="do-eec-product-click trigger-greenCard" onclick="mojarra.ab(this,event,'valueChange',0,'@form',{'onevent':WizInsurance.reInitWithSidebarReload})">
        <h3 class="with-icon">
            <span>Zelena karta</span><div class="tool-tip do-eec do-eec-product-detail-impression-tooltip trigger-greenCard" data-original-title="" title="">
                <span class="ico ico-info"></span>
                <div class="tooltip-content"><p><strong>Zelena karta</strong>&nbsp;je mednarodno potrdilo o zavarovanju avtomobilske odgovornosti. Zagotavlja zavarovalno kritje v obsegu, ki ga določa pristojni zakon o obveznem zavarovanju avtomobilske odgovornosti v obiskani državi. Zeleno karto potrebujejo vozniki, ki nameravajo potovati v tujino. Predložiti jo je potrebno na meji in v primeru prometne nesreče.</p>
                </div></div>
                </fieldset>

还有更多,但似乎没有任何效果。

1 个答案:

答案 0 :(得分:1)

正如其他人所指出的,你的第一次尝试是正确的。

#yui_patched_v3_11_0_1_1512143898049_574 { display: none; }

如果这不起作用,最可能的原因是更强的选择器会覆盖你的风格。快速和肮脏的修复方法是将!important添加到规则中。

#yui_patched_v3_11_0_1_1512143898049_574 { display: none !important; }