CSS

Question

를 사용하여 같은 클래스의 두 태그 사이에 형제를 선택하는 방법은 오직 tr.node 중 하나가 될 것 class = "node"

의이다 <tr></tr>

거의있는 테이블 행의 무리가 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 님 자신을 제외한 모든 것을 선택하고 싶습니다.

이 질문은 CSS를 사용하여이 일을 어떤 방법이 자바 스크립트 내 프로젝트의 주어진 시나리오에서 어려울 것이다 사용하는 것과, 거기에 JQuery와 How to select all content between two tags in jQuery

사용?

Answer 1

당신은 요소의 모든 형제를 선택하는 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>