Question

我已阅读过有关此内容的所有帖子，但没有任何内容有效，而且我被卡住了。

我试图隐藏几个li元素。这是网址：http://foundernest.com/submit-project/

我正试图隐藏名为“Venture URL”的块

我试过了：

form.post li:nth-child(2){ display:none !important; }

但它不起作用。

你对我能做什么还有其他想法吗？

非常感谢。

Answer 1

只要您认为第n个子选择器为0索引，那么您所拥有的代码应该可以正常工作

否则你没有为那个li使用正确的选择器，只需右键单击google chrome上需要的元素，选择“Inspect element”，当dev工具提示选择了li时，右键单击所选元素并简单地选择副本＆gt;复制选择器

希望有所帮助

现在我已经看过你的html我建议你使用这个选择器“#step-post＆gt; div＆gt; form＆gt; li：nth-child（7）”或者使用内联样式标签如果该元素存在于另一个HTML文件中，则选择器可能会导致问题。但是，如果我确定将来不会使用它，那么我就不会在CSS上删除它，将整个元素放入或简单地删除它

Answer 2

道歉。您需要登录才能看到它。

您可以使用：

用户名：test
密码：test12

谢谢大家

Answer 3

尝试：nth-of-type

#step-post li.form-group:nth-of-type(2){
    display:none;
}

你的 form 元素混合了子元素（ div 和 li ），上面的例子选择了第二个利。

如果你想使用：nth-child 选择器，你需要计算表单的所有兄弟，而不仅仅是 li 项：

#step-post li:form-group:nth-child(7){
    display:none;
}

Answer 4

<form class="post" role="form" class="validateNumVal">

<li class="form-group custom-field">
    <div class="row">
        <div class="col-md-4">
            <label for="venturelink" class="control-label title-plan">
                Venture URL<br/>
                <span><p>This will give more context to the expert</p>
</span>
            </label>
        </div>
        <div class="col-sm-8 text-field">

        <input class="field-control input-item form-control text-field"  placeholder="e.g. http://foundernest.com" name="venturelink" value="" type="text"  >        </div>
    </div>
</li>

无法隐藏li元素

4 个答案: