Question

我需要指定我想要的东西（<b>19</b>等）同时

在class="elem"和class="main"（降序CSS组合空间）
class =“numbers”＆gt;的直接儿童（CSS＆gt;直接儿童组合者） class =“numbers_wrapper”＆gt; class =“container cleared”

如何合并所有这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

P.S。我是using Jsoup用于java的web scraping lib（就像这里in the middle），如果我正确指定目标CSS选择器组合，它会从网页抓取信息。

Answer 1

是的，这是绝对正确的。但是，只要您以不同的方式定义了您的班级名称，您也可以简单地将您的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>

什么是组合（AND）嵌套CSS选择器的几个条件的正确方法？

1 个答案: