CSS- selector +

Adjacent sibling selector in CSS

by I Sang Hyeon

HTML

<input type="radio" id="male" name="sex" value="man">
<a href="http://www.naver.com">naver</a>
</br>
<input type="radio" id="female" name="sex" value="woman">
<a href="http://www.daum.net">daum</a>

<p> &lt;p&gt; black font &lt;/p&gt; </p>
&lt;div&gt
<div>
   <p> &lt;p&gt; black font &lt;/p&gt;</p>
   <p> &lt;p&gt; black font &lt;/p&gt;</p>
   <h1>
       &lt;h1&gt;
       <p> &lt;p&gt; black font &lt;/p&gt;</p>
       &lt;/h1&gt;
   </h1>
</div>
&lt;/div&gt
<p> &lt;p&gt; red font &lt;/p&gt;</p>

CSS

div + p { color : red; }
input#male:checked+a{background-color: lightblue;}
input#female:checked+a{background-color: pink;}

JavaScript

/** css selector + **/