尋找包含特定URL的<h2>標籤下的<a href="的<ul>
P粉807397973
P粉807397973 2023-09-13 10:52:41
0
1
550

我正在進行一個從DocBook匯出到HTML的工作,並且對於HTML的「智慧」類別有很少的選項可以新增。

我得到的結構如下:

<h2><a href="我用来标识接下来的UL集合的URL">...</a></h2>
<ul>
...
</ul>

<h2>上沒有類別,<ul>上也沒有。

所以我的想法是:

選擇在包含一個帶有HREF屬性為「我的URL」的A的H2之後的UL。

一個組合的

h2 ~ ul

是我最初想到的,但我不知道如何指定帶有「我想要的HREF屬性的A」的H2...

P粉807397973
P粉807397973

全部回覆(1)
P粉218361972

你可以使用 has 選擇器來檢查 h2 是否有錨點標籤,然後定位到緊接著的下一個 ul 選擇器。

h2:has(a[href='www.test.com']) + ul {
  color:green;
}
<h2><a href="www.test.com">test</a></h2>
<ul>
变为绿色
</ul>
<h2><a href="www.testing.com">testing</a></h2>
<ul>
不变绿色
</ul>
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網:公益線上PHP培訓,幫助PHP學習者快速成長!