「CSS入門」:first-childセレクタの使い方

2013年6月29日2017年11月11日

例1
p:first-child i
{
background:yellow;
}

例2
li:first-child
{
background:yellow;
}

htmlコード
<ul>
<li>test 11</li>
<li>test 12</li>
<li>test 13</li>
</ul>

例3
ul>:first-child
{
background:yellow;
}

htmlコード
<ul>
<li>data1</li>
<li>data2</li>
<li>data3</li>
</ul>

<ol>
<li>data11</li>
<li>data12</li>
<li>data13</li>
</ol>