エクササイズクラスセレクタ：Googleのケース

<！DOCTYPE HTML > 
< HTML LANG = "EN" > 
< 頭> 
    < メタのcharset = "UTF-8" > 
    < タイトル>セレクタケース</ タイトル> 
</ ヘッド> 
< スタイル> 
    スパン{ / * これがされて
        呼ばれます次いで、タグセレクタ、すべての選択されたスパンのタグ、およびサイズ設定する* / 
        フォントサイズ：150ピクセルによると; 
    } 
    　　.Gは{ / * というクラスセレクタ* / 
        色：スカイブルー。
    } 
        
    　　の.o { 
        色：赤。

    } 
      　.X { 
          色：オレンジ。
    
      } 
        .L { 
          色：緑。
      } 
 
</ スタイル> 
< ボディ> 
    < スパンクラス= "G" > G </ スパン> 
    < スパンクラス= "O" > O </ スパン> 
    < スパンクラス= "X" >O </ スパン> 
    < スパンクラス= "G" > G </ スパン> 
    < スパンクラス= "L" > L </ スパン> 
    < スパンクラス= "O" > E </ スパン> 

</ ボディ> 
</ HTML >

次のような効果があります

注意点：

そして、クラス識別タグセレクタセレクタ