css - 为嵌套的 CSS 选择器组合 (AND) 多个条件的正确方法是什么?

标签 css css-selectors

我需要指定我想要的( <b>19</b> 等)是同时发生的

  1. class="elem" 内和 class="main" (降序 CSS 组合器空间)
  2. class="numbers"> class="numbers_wrapper"> class="container cleared"的直接子级(CSS > 直接子级组合器)

如何组合所有这 5 个条件的正确方法是什么?

我需要提取这些信息

                <b>19</b>
                <b>12</b>
                <b>14</b>
                <b>23</b>
                <b>10</b>

来自网页中间的这种模式:

<div class="elem">
<div class="main">
    <div class="draw_date" title="08.04.2018 21:00">08.04.2018 21:00</div>
    <div class="draw">
        <a href="/5x36plus/archive/8277">8277</a>
    </div>


    <div class="numbers">
        <div class="numbers_wrapper">
            <div class="container cleared">
                <b>19</b>
                <b>12</b>
                <b>14</b>
                <b>23</b>
                <b>10</b>
                <b class="extra">02</b>
            </div>
        </div>


        <div class="controls">
            <a class="no_visited iconic nonunderline" title="Проверить билет"
                href="/5x36plus/check_bulletin">⚲</a>
        </div>
    </div>

    <div class="prize  ">
        <div class="jackpot_wrapper">
            <span></span>
            <span>3000000
            </span>
        </div>
        <div class="jackpot_wrapper">
            <span></span>
            <span>3437960
            </span>
        </div>
    </div>
</div>

我的猜测是正确的吗?

div.elem > div.main div.numbers > div.numbers_wrapper > div.container.cleared b

附言我是using Jsoup用于 java 的网络抓取库(如此处 in the middle ),如果我正确指定 objective-c SS 选择器组合,它会从网页中获取信息。

最佳答案

是的,完全正确。但只要您定义的类名不同,您也可以简单地将您的 css 描述为 .cleared b{}。

div.elem > div.main div.numbers > div.numbers_wrapper > div.container.cleared b{color: red;}
<div class="elem">
<div class="main">
    <div class="draw_date" title="08.04.2018 21:00">08.04.2018 21:00</div>
    <div class="draw">
        <a href="/5x36plus/archive/8277">8277</a>
    </div>


    <div class="numbers">
        <div class="numbers_wrapper">
            <div class="container cleared">
                <b>19</b>
                <b>12</b>
                <b>14</b>
                <b>23</b>
                <b>10</b>
                <b class="extra">02</b>
            </div>
        </div>


        <div class="controls">
            <a class="no_visited iconic nonunderline" title="Проверить билет"
                href="/5x36plus/check_bulletin">⚲</a>
        </div>
    </div>

    <div class="prize  ">
        <div class="jackpot_wrapper">
            <span></span>
            <span>3000000
            </span>
        </div>
        <div class="jackpot_wrapper">
            <span></span>
            <span>3437960
            </span>
        </div>
    </div>
</div>

关于css - 为嵌套的 CSS 选择器组合 (AND) 多个条件的正确方法是什么?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/49730812/

相关文章:

CSS3 多个背景图像 - 支持移动设备吗?

javascript - 在注册和登录表单之间切换

css - 如何将图标和文本段落放在一行中?

angularjs - :first-child with ng-repeat

html - 避免在 CSS 中重复常量

java - 使 index.html 成为路径的一部分

css - 修复固定 header

css - 是否有针对具有特定值的任何属性的 CSS 选择器?

css - 是否有 CSS 父级选择器?

javascript - 只显示 div 的第一个子元素