css - 使用 xpath 或 css 查找突出显示(预选)的文本

Question

在以下 2 个 html 代码片段中，我尝试创建 xpath 或 css 以查找加载页面时是否突出显示(预选)了 span(片段 1 中的元素 1 和片段 2 中的元素 2)

片段 1:

<div id="idc" class="tre">
  <ul id="idCatT_srt_ul" class="abc">
    <li class="treN treB treSelected" title="Element1 title">
      <span class="spclass">Element1</span>
    </li>
  </ul>
</div>

片段 2:

<div id="idA" class="tre" >
 <ul id="idAc_srt_ul" class="treChi treRtChil">
  <li class="treeN treB treeLast treSelected" title="Element 2 Title">
    <span>Element 2 Text</span>
  </li>
 </ul>
</div>

Answer 1

如果 treSelected class 属性值表示它已被预选，则以下 XPATH 语句将起作用:

span[parent::li[contains(@class,'treSelected')]]

它将匹配 span 元素，该元素的父元素是一个 li 元素，该元素包含一个包含“treSelected”的 class 属性。