html - 如何使用CSS隐藏前两个div？-6ren

html - 如何使用CSS隐藏前两个div？

转载作者：太空宇宙更新时间：2023-11-03 23:02:55

这是我的页面内容

<div class="entry-content">
<div class="gv-grid">
    <div class="gv-grid-col-1-1 gv-left">

        <form class="gv-widget-search gv-search-vertical" method="get" action="https://www.mypage.com/test/">


            <div class="gv-search-box">
                <div class="gv-search">
                    <label for="gv_search_11">Tìm kiếm</label>
                    <p><input name="gv_search" id="gv_search_11" value="" type="text"></p>
                </div>
            </div>      <div class="gv-search-box gv-search-box-submit">
                <input name="mode" value="all" type="hidden">
                <input class="button gv-search-button" id="gv_search_button_11" value="Search" type="submit">
            </div>
        </form>
    </div>
    <div class="gv-grid-col-1-2 gv-left">
    </div>
    <div class="gv-grid-col-1-2 gv-right">
    </div>
</div>

<div class="gv-table-container gv-container">
    <table class="gv-table-view">
        <thead>
            <tr>
                <th id="gv-field-1-2" class="gv-field-1-2" style=""><span class="gv-field-label"><a href="/test/?sort=2&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Cần mua hộ</span></th>
                <th id="gv-field-1-6" class="gv-field-1-6" style=""><span class="gv-field-label"><a href="/test/?sort=6&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Tiền công</span></th>
                <th id="gv-field-1-15" class="gv-field-1-15" style=""><span class="gv-field-label"><a href="/test/?sort=15&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Nơi mua</span></th>
                <th id="gv-field-1-5" class="gv-field-1-5" style=""><span class="gv-field-label"><a href="/test/?sort=5&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Nơi giao</span></th>
                <th id="gv-field-1-4" class="gv-field-1-4" style=""><span class="gv-field-label"><a href="/test/?sort=4&amp;dir=desc" class="gv-sort icon gv-icon-sort-desc"></a>&nbsp;Giao đồ trước</span></th>
                <th id="gv-field-1-entry_link" class="gv-field-1-entry_link" style=""><span class="gv-field-label">Link</span></th>
            </tr>
        </thead>

        <tbody>
            <tr class="alt">
                <td id="gv-field-1-2" class="gv-field-1-2">CEZANNE Lasting Lip Color N 402</td>
                <td id="gv-field-1-6" class="gv-field-1-6">80 000</td>
                <td id="gv-field-1-15" class="gv-field-1-15">Nhật Bản</td>
                <td id="gv-field-1-5" class="gv-field-1-5">Hà Nội</td>
                <td id="gv-field-1-4" class="gv-field-1-4">14/04/2016</td>
                <td id="gv-field-1-entry_link" class="gv-field-1-entry_link"><a href="https://www.mypage.com/test/entry/21/?gvid=11">Chi tiết</a></td>
            </tr>
        </tbody>
        <tfoot>
            <tr>
                <th id="gv-field-1-2" class="gv-field-1-2"><span class="gv-field-label"><a href="/test/?sort=2&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Cần mua hộ</span></th>
                <th id="gv-field-1-6" class="gv-field-1-6"><span class="gv-field-label"><a href="/test/?sort=6&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Tiền công</span></th>
                <th id="gv-field-1-15" class="gv-field-1-15"><span class="gv-field-label"><a href="/test/?sort=15&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Nơi mua</span></th>
                <th id="gv-field-1-5" class="gv-field-1-5"><span class="gv-field-label"><a href="/test/?sort=5&amp;dir=asc" class="gv-sort icon gv-icon-caret-up-down"></a>&nbsp;Nơi giao</span></th>
                <th id="gv-field-1-4" class="gv-field-1-4"><span class="gv-field-label"><a href="/test/?sort=4&amp;dir=desc" class="gv-sort icon gv-icon-sort-desc"></a>&nbsp;Giao đồ trước</span></th>
                <th id="gv-field-1-entry_link" class="gv-field-1-entry_link"><span class="gv-field-label">Link</span></th>
            </tr>
        </tfoot>
    </table>
</div><!-- end .gv-table-container -->
<div class="gv-grid">
    <div class="gv-grid-col-1-1 gv-left">
    </div>
    <div class="gv-grid-col-1-2 gv-left">
    </div>
    <div class="gv-grid-col-1-2 gv-right">
    </div>
</div>

<input class="gravityview-view-id" value="11" type="hidden">

<div class="gv-grid">
    <div class="gv-grid-col-1-1 gv-left">

        <form class="gv-widget-search gv-search-vertical" method="get" action="https://www.mypage.com/test/">


            <div class="gv-search-box">
                <div class="gv-search">
                    <label for="gv_search_7770">Tìm kiếm</label>
                    <p><input name="gv_search" id="gv_search_7770" value="" type="text"></p>
                </div>
            </div>      <div class="gv-search-box gv-search-box-submit">
                <input name="mode" value="all" type="hidden">
                <input class="button gv-search-button" id="gv_search_button_7770" value="Search" type="submit">
            </div>
        </form>
    </div>
    <div class="gv-grid-col-1-2 gv-left">
    </div>
    <div class="gv-grid-col-1-2 gv-right">
    </div>
</div>

<div class="gv-list-container gv-container">

    <div id="gv_list_30" class="gv-list-view">



        <div class="gv-list-view-title">

            <h3 id="gv-field-1-custom" class="gv-field-1-custom"><b>Ga Cong Nghiep</b> cần mua <b>Giày zara kid size 37</b> bán tại <b>Tây Ban Nha</b></h3>
        </div>



        <div class="gv-grid gv-list-view-content">

            <div class="gv-grid-col-1-3 gv-list-view-content-image"><div id="gv-field-1-14" class="gv-image gv-field-1-14"><a rel="gv-field-1-14-30" class="thickbox" target="_blank" href="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/1050103050_2_3_1.jpg"><img scale="0" src="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/1050103050_2_3_1.jpg" alt="Ảnh" class="gv-image gv-field-id-14" width="250"></a></div></div><div class="gv-grid-col-2-3 gv-list-view-content-description">
                <div id="gv-field-1-custom" class="gv-field-1-custom">
                    <h4><span class="gv-field-label"></span></h4><p>
                        Nơi giao hàng: Lạng Sơn<br>
                        Tiền hàng: 25.95 EUR<br>
                        Tiền công : 150,000 VND<br>
                        (Có thể mặc cả tiền công)
                    </p>
                    <p>
                        <a href="https://www.mypage.com/test/entry/30/"><button>Chi tiết</button></a>
                    </p>
                </div>
            </div>
        </div>


    </div>


    <div id="gv_list_23" class="gv-list-view">



        <div class="gv-list-view-title">

            <h3 id="gv-field-1-custom" class="gv-field-1-custom"><b>Nguyễn Yên</b> cần mua <b>3 hộp kem đánh răng</b> bán tại <b>Nhật Bản</b></h3>
        </div>



        <div class="gv-grid gv-list-view-content">

            <div class="gv-grid-col-1-3 gv-list-view-content-image"><div id="gv-field-1-14" class="gv-image gv-field-1-14"><a rel="gv-field-1-14-23" class="thickbox" target="_blank" href="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/kem-danh-rang.jpg"><img scale="0" src="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/kem-danh-rang.jpg" alt="Ảnh" class="gv-image gv-field-id-14" width="250"></a></div></div><div class="gv-grid-col-2-3 gv-list-view-content-description">
                <div id="gv-field-1-custom" class="gv-field-1-custom">
                    <h4><span class="gv-field-label"></span></h4><p>
                        Nơi giao hàng: Hà Nội<br>
                        Tiền hàng: 513 JPY<br>
                        Tiền công : 85,000 VND<br>
                        (Có thể mặc cả tiền công)
                    </p>
                    <p>
                        <a href="https://www.mypage.com/test/entry/23/"><button>Chi tiết</button></a>
                    </p>
                </div>
            </div>
        </div>


    </div>


    <div id="gv_list_25" class="gv-list-view">



        <div class="gv-list-view-title">

            <h3 id="gv-field-1-custom" class="gv-field-1-custom"><b>Trường Hải Minh</b> cần mua <b>Đồng hồ Casio  WAVECEPTOR WVQ-M410DE-2A2JF</b> bán tại <b>Nhật Bản</b></h3>
        </div>



        <div class="gv-grid gv-list-view-content">

            <div class="gv-grid-col-1-3 gv-list-view-content-image"><div id="gv-field-1-14" class="gv-image gv-field-1-14"><ul class="gv-field-file-uploads gv-field-1-14"><li><a rel="gv-field-1-14-25" class="thickbox" target="_blank" href="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/51Pj4cBrBpL.jpg"><img scale="0" src="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/51Pj4cBrBpL.jpg" alt="Ảnh" class="gv-image gv-field-id-14" width="250"></a></li><li><a rel="gv-field-1-14-25" class="thickbox" target="_blank" href="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/81xcVWtGDyL._UL1500.jpg"><img scale="0" src="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/81xcVWtGDyL._UL1500.jpg" alt="Ảnh" class="gv-image gv-field-id-14" width="250"></a></li></ul></div></div><div class="gv-grid-col-2-3 gv-list-view-content-description">
                <div id="gv-field-1-custom" class="gv-field-1-custom">
                    <h4><span class="gv-field-label"></span></h4><p>
                        Nơi giao hàng: Hà Nội<br>
                        Tiền hàng: 15,370 JPY<br>
                        Tiền công : 200,000 VND<br>
                        (Có thể mặc cả tiền công)
                    </p>
                    <p>
                        <a href="https://www.mypage.com/test/entry/25/"><button>Chi tiết</button></a>
                    </p>
                </div>
            </div>
        </div>


    </div>


    <div id="gv_list_21" class="gv-list-view">



        <div class="gv-list-view-title">

            <h3 id="gv-field-1-custom" class="gv-field-1-custom"><b>Nguyễn Hương</b> cần mua <b>CEZANNE Lasting Lip Color N 402</b> bán tại <b>Nhật Bản</b></h3>
        </div>



        <div class="gv-grid gv-list-view-content">

            <div class="gv-grid-col-1-3 gv-list-view-content-image"><div id="gv-field-1-14" class="gv-image gv-field-1-14"><a rel="gv-field-1-14-21" class="thickbox" target="_blank" href="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/N402.jpg"><img scale="0" src="https://www.mypage.com/wp-content/uploads/gravity_forms/1-f9c2348184f1140e486c01fab8f03460/2016/03/N402.jpg" alt="Ảnh" class="gv-image gv-field-id-14" width="250"></a></div></div><div class="gv-grid-col-2-3 gv-list-view-content-description">
                <div id="gv-field-1-custom" class="gv-field-1-custom">
                    <h4><span class="gv-field-label"></span></h4><p>
                        Nơi giao hàng: Hà Nội<br>
                        Tiền hàng: 518 JPY<br>
                        Tiền công : 80,000 VND<br>
                        (Có thể mặc cả tiền công)
                    </p>
                    <p>
                        <a href="https://www.mypage.com/test/entry/21/"><button>Chi tiết</button></a>
                    </p>
                </div>
            </div>
        </div>


    </div>

</div>
<div class="gv-grid">
    <div class="gv-grid-col-1-1 gv-left">
    </div>
    <div class="gv-grid-col-1-2 gv-left">
    </div>
    <div class="gv-grid-col-1-2 gv-right">
    </div>
</div>

<input class="gravityview-view-id" value="7770" type="hidden">

我想用css隐藏.entry-content的前两个div。我该怎么做？

最佳答案

您可以使用 :first-child 执行以下操作 CSS:

.entry-content div:first-child, .entry-content div:first-child + div {
   display:none;
}

<div class="entry-content">
  <div class="gv-grid">1</div> 
  <div class="gv-table-container gv-container">2</div> 
  <div class="gv-grid">3</div>
  <div class="gv-table-container gv-container">4</div>
</div>

编辑:

根据您的 html 结构使用 css，如下所示:

.entry-content > div:first-child, .entry-content > div:first-child + div {
   display:none;
}

关于html - 如何使用CSS隐藏前两个div？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/35788760/

文章推荐： c# - 将 TPL 与并行阻塞 IO 操作一起使用

文章推荐： opencv - 使用 Opencv 去除小 Blob

文章推荐：检测正方形后运行命令的c++算法

文章推荐： node.js - 如何使用 mongodb 命令删除字段内的 html 标签？

jquery - 隐藏、显示、隐藏/显示按钮
代码如下: http://jsfiddle.net/t2nite/KCY8g/ 我正在使用 jquery 创建这些隐藏框。每个框都有一些文本和一个“显示”和“隐藏”按钮。我正在尝试创建一个“显示/隐
jquery - onclick div 隐藏，setTimeout div 隐藏
我正在尝试做某事。如果单击一个添加 #add-conferance 然后菜单将显示.add-contact。当点击隐藏然后它显示隐藏。我也将 setTimeout 设置为 7sec，但我希望当我的鼠标
javascript - 如何仅在第一页(div)隐藏 "previous"按钮并在最后一页(div)隐藏 "next button"
我有一个多步骤(多页？)表单，只要用户按下“下一步”或“上一步”按钮，表单字段就会通过 div 显示和隐藏。我只想禁用第一个 div (div id="page1"class="pageform")
asp.net - 现有 ASP.NET 4 解决方案中的高效 URL 屏蔽/隐藏/隐藏
我有一个使用 IIS 6 和 7 的当前系统，用 ASP.NET 和 .NET 4 中的 C# 编写。 My purpose is to hide the url completely (as per
jquery - 如果 'X' div 可见，则 'Y' div 隐藏。如果 'X' div 隐藏，则 'Y' div 可见
我正在建立一个网站，并有一个幻灯片。幻灯片有标题和索引，覆盖整个页面。当覆盖被激活时，标题需要消失。当覆盖层被停用时，通过单击退出按钮、缩略图链接或菜单链接，字幕必须返回。这就是我目前所拥有的
Jquery显示/隐藏
我正在尝试为显示/隐藏功能制作简单的 jquery 代码。但我仍然做错了什么。 $(document).ready(function(){ $('.arrow').click(function
Android自定义对话框在菜单按下时显示/隐藏
我有一个自定义对话框并使用它来代替 optionMenu。所以我希望 myDialog 表现得像菜单，即在按下菜单时显示/隐藏。我尝试了很多变体，但结果相同: 因为我为 myDialog 设置了一个
Android动态移除tabBar(隐藏)
在我的项目中，我通过 ViewPager 创建我的 tabBar，如下所示: MainActivity.java mViewPager = (ViewPager) findViewById(R.id.
excel - 隐藏/取消隐藏excel中的特定行时要更改的单元格值？
我目前正在使用一个 Excel 表，我将第 1-17 行分组并在单元格 B18 中写入了一个单元格值。我想知道当我在展开/折叠行时单击 +/- 符号时是否有办法更改 B18 中的值。例如:我希望 B
excel - 隐藏/取消隐藏特定组
我想创建一个按钮来使用 VBA 隐藏和取消隐藏特定组。我拥有的代码将隐藏或取消隐藏指定级别中的所有组: Sub Macro1() ActiveSheet.Outline.ShowLevels RowL
excel - 隐藏/取消隐藏最后写入的行
我是 VBA 新手。我想隐藏从任何行到工作表末尾的所有行。我遇到的问题是我不知道如何编程以隐藏最后写入的行。我使用下一个函数知道最后写入的单元格，但我不知道在哪里放置隐藏函数。 last = Ra
acumatica - 隐藏/禁用基于输入字段的其他字段
我想根据另一个字段的条件在 UI 上隐藏或更新一个字段。例如，如果我有一个名为 Color 的字段: [PXUIField(DisplayName="Color")] [PXStringList("
GCC 隐藏/鲜为人知的功能
这是我尝试开始收集通常不会遇到的 GCC 特殊功能。这是@jlebedev 在另一个问题中提到g++的“有效C++”选项之后， -Weffc++ This option warns about C++
Flutter ProgressDialog 隐藏
我开发了一个 Flutter 应用程序，我使用了 ProgressDialog小部件 ( progress_dialog: ^1.2.0 )。首先，我展示了 ProgressDialog小部件和一些代
android - 隐藏/显示没有动画的状态栏
我需要在 API 17+ 的同一个 Activity(Fragment) 中显示/隐藏状态栏。假设一个按钮将隐藏它，另一个按钮将显示它: 节目: getActivity().getWindow().s
angular - 是否可以通过编程方式控制清晰度下拉列表的显示/隐藏？
是否可以通过组件的 ts 代码以编程方式控制下拉列表的显示/隐藏(使用 Angular2 清楚)- https://vmware.github.io/clarity/documentation/dro
jquery - NiceScroll显示/隐藏
我想根据 if 函数的结果隐藏/显示 NiceScroll。在我的html中有三个部分，从左到右逐一滚动。我的脚本如下: var section2 = $('#section2').offset(
jquery - 单击外部 > 隐藏()
我有这个 jquery 代码: $(document).ready(function(){ //global vars var searchBoxes = $(".box"); var searchB
Jquery基于变量显示/隐藏(不是切换)
这个问题已经有答案了: Does something like jQuery.toggle(boolean) exist? (5 个回答) 已关闭 6 年前。在 jQuery 中(我当前使用的是 1
jQuery 隐藏 selectMenu？
我在这样的选择标签上使用 jQuery 的 selectMenu。 $('#ddlReport').selectmenu() 在某些情况下我想隐藏它，但我不知道如何隐藏。这不起作用: $('#ddl

太空宇宙

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

html - 如何使用CSS隐藏前两个div？