如何使用CSS

選擇同一類2個標籤之間的兄弟姐妹我有一大堆的錶行，其中<tr></tr>如何使用CSS

很少的是class = "node"

只有tr.node之一將是class = "active"

<tr class="node">...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr class="node">...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr class="node active">...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr class="node">...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr>...</tr> 
<tr class="node">...</tr>

我想選擇所有<tr>的tr.node.active到下一個tr.node，不包括tr.node的自己。

這個問題用了jQuery How to select all content between two tags in jQuery

是否有這樣做只使用CSS的任何方式，如使用JavaScript將是我的項目的定場景難嗎？

來源

2016-07-24 Koushik Sarkar

感謝您的快速反應。但正如我所說的使用JavaScript是困難的，如果不可能的話。我可以使用CSS來完成這項工作嗎？ –

您需要使用CSS3 ~來選擇元素的所有兄弟姐妹。

tr.node.active ~ tr { 
 
    color: red; 
 
} 
 

 
tr.node.active ~ tr.node, 
 
tr.node.active ~ tr.node ~ tr { 
 
    color: black; 
 
}

<table> 
 
    <tr class="node"><td>node</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr class="node active"><td>node active</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr class="node"><td>node</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr><td>tr</td></tr> 
 
    <tr class="node"><td>node</td></tr> 
 
</table>

來源

2016-07-24 13:09:10 Mohammad

如何使用CSS

回答

相關問題