Css Can';不要隐藏一个li元素

Css Can';不要隐藏一个li元素,css,Css,我已经阅读了所有关于这个的帖子,但是没有一个是有效的,我被卡住了 我想隐藏一些李元素。以下是网址: 我试图隐藏显示“Venture URL”的块 我试过: form.post li:第n个孩子(2){ 显示:无!重要; } 但它不起作用 你对我能做什么还有别的想法吗 非常感谢。只要您考虑到第n个子选择器是0索引的,您的代码就应该可以工作 否则,您没有为该li使用正确的选择器,只需在google chrome上右键单击所需的元素,选择“Inspect element”,当开发工具提示选择该li时,

我已经阅读了所有关于这个的帖子,但是没有一个是有效的,我被卡住了

我想隐藏一些李元素。以下是网址:

我试图隐藏显示“Venture URL”的块

我试过:

form.post li:第n个孩子(2){
显示:无!重要;
}

但它不起作用

你对我能做什么还有别的想法吗


非常感谢。

只要您考虑到第n个子选择器是0索引的,您的代码就应该可以工作

否则,您没有为该li使用正确的选择器,只需在google chrome上右键单击所需的元素,选择“Inspect element”,当开发工具提示选择该li时,右键单击所选元素,然后简单地选择“复制>复制选择器”

希望有帮助


既然我已经看到了你的html,我建议你要么使用这个选择器“#step post>div>form>li:nth child(7)”,要么使用一个内联样式标记,因为如果该元素存在于另一个html文件中,那么选择器可能会导致问题。但是,我会在HTML上而不是CSS上删除它,将整个元素放入,或者干脆删除它,如果我确信它将来不会被使用的话。您需要登录才能看到它

您可以使用:

  • 用户名:test
  • 密码:test12
谢谢大家

尝试:第n种类型

表单元素混合了子元素(div和li),上面的示例选择了第二个li

如果要使用:n子选择器,则需要计算表单的所有同级项,而不仅仅是li项:

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

  • 风险URL
    这将为专家提供更多的背景


  • 为了查看您正在谈论的页面,我需要注册您是否拥有对HTML源代码的完全访问权限?只需给LI一个ID属性并隐藏它,使用该属性,您需要在此处发布导致问题的标记,而不是您的网站,该网站将更改或消失,将来对任何人都没有帮助。抱歉。用户名:test/密码:test12。LI没有属性,只有class=“form group custom field”谢谢大家的帮助谢谢Gerardo。问题是我认为它没有索引。第一个li不在ul元素中。我没有太多的灵活性,因为我没有自己编写代码。我只想接触css,而不是代码,因为它非常复杂。谢谢你能把HTML添加到帖子中,这样我们就可以帮你使用正确的选择器了吗?谢谢Gerardo。我会把它贴下来作为对这篇文章的回复。无法将其发布为评论谢谢,我已经用新内容编辑了我的原始回复谢谢csaetre。它工作得很好。也谢谢你的解释。我现在明白了如何使用child。
    #step-post li:form-group:nth-child(7){
        display:none;
    }
    
    <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>