Question

下面是我的html看起来和我的页面的问题是，我有重复class names所以对于我的页面中的一个例子，我在同一页面中有class="inner"多次。

我的问题是：如何使用cssSelector获取显示Get this text的文本？

<div class="tools-col-right">
       <div class="subcr">
       <div .....</div>
       <div .....</div>
       <div .....</div>
       <div class="main-inner">
       <div class="inner"> 
            <div class="t"></div>
            <h3> additional information</h3>
        <div class="subcolumns">
        <div class="subject">
            <ul>
             <li>....</li> 
             <li>....</li>
             <li>....</li>
             <li>....</li>
            </ul>
       </div>
     </div>
     </div>
     </div>

我正在尝试获取div class='subject'

的文字

尝试过这样的事情：div[class='tools-col-right .subject'] 但不起作用。

Answer 1

有无数种方法。哪个可能有效取决于您的整个页面标记（您只提供了页面的摘录，没有其他.inner元素）。

#ctl00_ctl00_ContentControl3_phContent .inner {…}

.about .inner {…}

.main-inner .inner {…}

#top-container .inner {…}

更新后的代码

编辑：

现在您只有一个类subject的元素。同样，如果没有整个标记（包含具有相同类的其他元素），则无法给出安全答案。在您的示例中，以下每个选择器都应该起作用：

.subject {…}
.subcolumns .subject {…}
.inner .subject {…}
.main-inner .subject {…}
.subcr .subject {…}
.tools-col-right .subject {…}

Answer 2

此选择将选择元素：

.tools-col-right > .subject

我的页面中重复的类名 - 使用cssSelector获取文本

2 个答案: