CSS常用セレクタ

1952 ワード

1.エレメント・セレクタの役割:エレメント・セレクタを使用して、ページ内の指定したエレメントを選択できます.構文:ラベル名{}
  
  
  
   
 Title  
   
  
  
 


2.idセレクタの役割:要素のid属性値を使用して、一意の要素を選択します.構文:#id属性値{}
  
  
  
   
 Title  
   
  
  
 


3.クラスセレクタの役割:要素のclass属性値から要素構文のセットを選択します:.class属性値{}



    
    Title
    


    

  • は、要素にclassプロパティを設定できます.
  • calssプロパティとidプロパティは似ています.ただしclassプロパティは繰り返すことができます.
  • 同じclass属性値を持つ要素は、要素のセットだと言います.
  • は、1つの要素に複数のclass属性値を同時に設定し、複数の値の間にスペースで区切ることができます.
  • happy new year


    4.セレクタ・グループ(パラレル・セット・セレクタ)の役割:セレクタ・グループを使用すると、複数のセレクタに対応する要素を同時に選択できます.構文:セレクタ1,セレクタ2,セレクタN{}
    
    
    
        
        Title
        
    
    
        

    を れむ


    5.ワイルド・セレクタの役割:ページ内のすべての要素の構文を選択できます:*{}
    *{
        color:red;
    }

    6.複合セレクタ(交差セレクタ)の役割:複数のセレクタを同時に満たす要素構文を選択できる:セレクタ1セレクタ2セレクタN{}
    
    
    
        
        Title
        
    
    
        

    を れむ


    注意:idセレクタでは、複合セレクタの使用は推奨されません.