PHP & JavaScript Room :: 設置サンプル

実行結果

タイトルH2

タイトルH3

Vel nisi, lectus a integer duis vel proin aenean pid, velit pellentesque! Est dolor, pellentesque sit? Odio mid! Mid vel, platea, odio urna montes vel aenean magna et amet amet.

タイトルH3

Nec a ac sit mattis, lundium tristique urna pulvinar mattis ultrices nunc diam porta nascetur cras arcu. Velit, auctor porttitor nec ac est. Arcu sed, porta rhoncus porttitor tortor.

タイトルH3

Mid non mattis tempor rhoncus? Magnis lacus nec ut etiam augue? Elementum adipiscing magna, augue, tristique mid, ut pulvinar non auctor et dignissim. Et sit et nascetur augue porttitor.

ソース

<style type="text/css">
    #d_precedend h2~h3 {
        color:red;
    }
</style>

<div id="d_precedend">
    <h2>タイトルH2</h2>
    <h3>タイトルH3</h3>
    <p>Vel nisi, lectus a integer duis vel proin aenean pid, velit pellentesque! Est dolor, pellentesque sit? Odio mid! Mid vel, platea, odio urna montes vel aenean magna et amet amet.</p>
    <h3>タイトルH3</h3>
    <p>Nec a ac sit mattis, lundium tristique urna pulvinar mattis ultrices nunc diam porta nascetur cras arcu. Velit, auctor porttitor nec ac est. Arcu sed, porta rhoncus porttitor tortor.</p>
    <h3>タイトルH3</h3>
    <p>Mid non mattis tempor rhoncus? Magnis lacus nec ut etiam augue? Elementum adipiscing magna, augue, tristique mid, ut pulvinar non auctor et dignissim. Et sit et nascetur augue porttitor.</p>
</div>

polarized women