ウエブプレインズ

ウェブサイト制作・パソコンの授業承ります。

備忘録

:first-of-type

要素の同じ子要素の最初の要素にスタイルを適用

  • TESTというクラスが付けられているDIVで括り始め。そのいちばんめのLIタグ
  • にばんめのLIタグ
  • さんばんめのLIタグ

ULタグに続いてここからPタグ開始

二つ目のPタグ

三つ目のPタグ。TESTというクラスが付けられているDIVはここまで。

TESTというクラスが付けられているDIVで括り始め。Pタグいっこめ

にこめPタグ

さんこめPタグ。TESTというクラスが付けられているDIVはここまで。

[html] <style type="text/css"> <!-- div.test li:first-child,div.test p:first-child {background-color:#e09393;} --> </style> <div class="test"> <ul> <li>TESTというクラスが付けられているDIVで括り始め。そのいちばんめのLIタグ</li> <li>にばんめのLIタグ</li> <li>さんばんめのLIタグ</li> </ul> <p>ULタグに続いてここからPタグ開始</p> <p>二つ目のPタグ</p> <p>三つ目のPタグ。TESTというクラスが付けられているDIVはここまで。</p> </div> <div class="test"> <p>TESTというクラスが付けられているDIVで括り始め。Pタグいっこめ</p> <p>にこめPタグ</p> <p>さんこめPタグ。TESTというクラスが付けられているDIVはここまで。</p> </div> [/html]
Posted by on .