選擇基於即時跟隨者的元素

是否有任何本機支持的方式基於它跟隨的內容來選擇元素？選擇基於即時跟隨者的元素

我想對所有緊隨p標籤的h2標籤進行樣式設置。例如：

<body> 
    <h2>Heading 1</h2> 

    <h2>Heading 2</h2> 
    <div>Text</div> 

    <h2>Heading 3</h2> <!-- Only this one --> 
    <p>Text</p> 

    <h2>Heading 4</h2> 
    <div>Text</div> 

    <h2>Heading 5</h2> 
    <div>Text</div> 
</body>

來源

2013-11-22 Piper

號。只選擇基於前一元件..相鄰兄弟和仿製同胞選擇上.. –

目前這是不可能的CSS，因爲沒有選擇，將選擇前一個元素。

如果你要使用jQuery，這樣的事情會工作。 (example here)

$('p').prev('h2').css('color','red');

當CSS4 selectors支持，我相信你一定能夠做到這一點。

來源

2013-11-22 22:54:35

我會簡單地使用一個類，如果我是你，我不想使用jQuery。

CSS

.h2-with-p{}

HTML

<body> 
    <h2>Heading 1</h2> 

    <h2>Heading 2</h2> 
    <div>Text</div> 

    <h2 class="h2-with-p">Heading 3</h2> <!-- Only this one --> 
    <p>Text</p> 

    <h2>Heading 4</h2> 
    <div>Text</div> 

    <h2>Heading 5</h2> 
    <div>Text</div> 
</body>

來源

2013-11-22 23:37:49

選擇基於即時跟隨者的元素

回答

相關問題