Click a selector: セレクターをクリックして、結果で選択される要素を確認します。
.intro
#苗字
.intro、#Lastname
h1
h1、p
div p
div> p
ul + p
ul〜テーブル
*
p.myquote
[id]
[id = my-アドレス]
[id $ = ess]
[id | = my]
[id ^ = L]
[title〜 =美しい]
[id * = s]
:チェック済み
:無効
:enabled
:空の
:集中
p:最初の子
p :: first-letter
p :: first-line
p:最初のタイプ
h1:ホバー
入力:範囲内
入力:範囲外
入力:無効
input:valid
p:lang(it)
p:最後の子
p:last-of-type
tr:nth-​​子(偶数)
tr:nth-​​child(odd)
li:nth-​​child(1)
li:nth-​​last-child(1)
li:nth-​​of-type(2)
li:nth-​​last-of-type(2)
b:一人っ子
h3:タイプのみ
:根
結果:

<h1>マイホームページへようこそ</ h1>

<div class = "intro">

<p>私の名前はドナルド<spanid = "Lastname">アヒルです。</ span> </ p>

<pid = "my-Address">私はダックバーグに住んでいます</ p>

<p>たくさんの友達がいます:</ p>

</ div>

<ul id = "Listfriends>
  • <li>間抜けな</ li>
  • <li>ミッキー</ li>
  • <li>デイジー</ li>
  • <li>冥王星</ li>
</ ul>

    <p class = "myquote">友達はみんな素晴らしいです!<br>
    でもデイジーが大好き!</ p>

    <p lang = "it" title = "Hellobeautiful">チャオベラ</ p>

    <h3>私たちはみんな動物です!</ h3>

    <p> <b>最近の発見により、私たちはすべて動物であると信じるようになりました。</ b> </ p>

    <表>
      名前 動物の種類
      ミッキー ねずみ
      グーフィー
      デイジー アヒル
      冥王星
      </ table>

      CSSセレクターをクリックして、指定した要素が選択されることを確認します。© w3schools.com