css 3ではfirst-childが機能しません
4807 ワード
今日first-childに出会って役に立たないで、ネット上で探してみて、この文章を発見して、やっと以前この偽類に対する理解が意外にもすべて間違っていることを発見して、ここで少し訂正します
first-childはcss3のコントローラであり、統計要素の最初の要素を選択することを意味する.
まず、cssコードの例を見てみましょう.
htmlコード:
結果は次のとおりです.
この中のfirst-childはlast-childと何の役にも立たなかった.
理由はともかくhtmlコードを変更します.
効果をもう一度見てみましょう.
今回は役に立った
最初の例の最初のラベルと最後のラベルはspanですが、私たちが探しているfirst-childとlast-childはPです.dmが探しているfirst-childとlast-childはPですが、Pでないと効かないので注意が必要です.
first-childはcss3のコントローラであり、統計要素の最初の要素を選択することを意味する.
まず、cssコードの例を見てみましょう.
<style>
.dm p:first-child { background:#09C;color:#fff}
.dm p:last-child { background:#09C;color:#fff}
</style>
htmlコード:
<div class="dm">
<span> </span>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<span> </span>
</div>
結果は次のとおりです.
この中のfirst-childはlast-childと何の役にも立たなかった.
理由はともかくhtmlコードを変更します.
<div class="dm">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
効果をもう一度見てみましょう.
今回は役に立った
最初の例の最初のラベルと最後のラベルはspanですが、私たちが探しているfirst-childとlast-childはPです.dmが探しているfirst-childとlast-childはPですが、Pでないと効かないので注意が必要です.