如何在css中的目標元素之後選擇下一個項目？

Question

我有如下：

<a name="a"></a><b>A</b> 

我想選擇下一個項目中，<b>，並強調它當目標選擇。 要選擇a標籤我使用任何（例如）

[id]:target {background:pink;} 

這工作。但是，當我使用這個：

[id]:target + b {} 

這是行不通的。這不可能與CSS？ 我希望我能圍繞物品包裹一個標籤，但我沒有這個選項。

Answer 1

如果您使用屬性「name」，然後在CSS中查找「id」，它將不起作用。

[id]:target { background:pink; } 
 
[id]:target + b { background:pink; }

<a id="a">A</a> 
 
<b>B</b> 
 
<a href="#a">Turn pink!</a>

這將打開A和B粉（在Chrome/Firefox中進行測試）

Answer 2

更新自己的HTML中使用的ID或更新你的CSS選擇器來查找name屬性：

[name]:target {background:pink;} 
 
[name]:target + b {background:blue; color:white;}

<a href="#a">focus</a> | <a href="#">blur</a> 
 
<br /> 
 
<a name="a">I am the A </a><b>I am the B</b>