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

Question

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

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

<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