檢查孩子是最後一個 - 也包括文本節點

我要檢查，如果父母的孩子是最後一個：（所以在我的情況，我想選擇的.icon如果是最後一個元素/它節點的父.button ）檢查孩子是最後一個 - 也包括文本節點

<a href="" class="button"> 
    <i class="icon"></i> 
    Button 
</a> 
<a href="" class="button"> 
    Button 
    <i class="icon"></i> 
</a>

我想是這樣的：.button .icon:last-child也:last-of-type

但選擇忽略文本節點 - 有沒有辦法我怎麼能檢測如果.icon是前/後面的文字？

來源

2017-10-09 Aaroniker

你的意思是你要選擇當且僅當它的DIV中的最後一件事圖標文本節點？ –

@TemaniAfif – Aaroniker

可能的重複[有沒有文本節點的CSS選擇器？]（https://stackoverflow.com/questions/5688712/is-there-a-css-selector-for-text-nodes） – sol

放置在一個元素

.icon:last-child { 
 
    color: red; 
 
}

<a href="" class="button"> 
 
    <i class="icon">Not last child</i> 
 
    <span>Button</span> 
 
</a><br /> 
 
<a href="" class="button"> 
 
    <span>Button</span> 
 
    <i class="icon">Last child</i> 
 
</a>

來源

2017-10-09 16:08:18

工作，但我不想更改html標記 - 謝謝:) – Aaroniker

不改變HTML標記，你唯一的選擇是JS（jQuery或插入標記）。另一種解決方案是改變你檢測的方式（在父級上添加一個類，等等）。 –

@ Maxwells.c好吧，另一種方式將是驚人的，但他媽的它：D – Aaroniker

檢查孩子是最後一個 - 也包括文本節點

回答

相關問題