-セレクタ&カスケード

4610 ワード
選択者 cascading CSS テキストリンク

セレクタ

  • CSSには2つの重要な要素があり、そのうちの1つは効果であり、もう1つは「選択者」である.
  • 選択者指定の効果を宣言といい、「宣言」を意味する.
    • a(선택자){
color:red;(속성:값/property,value)<- 선언효과
}
    <!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>CSS</title>
   <style>
     **  "CSS 내용"**
   </style>
</head>
<body>
</body>
</html>
    < style>
    HTML構文または同時にCSSコンテンツは、CSS言語の構文に従って処理する必要があります!
    つまり、style属性値はCSSと!

    //コメントの見た目も違います!(/* */)

  • 選択者優先度


    選択者には、通常のタグ、class、idがあります.
    idセレクタ>classセレクタ>タグセレクタ
    #a:id値がaの値
    .a:class値はa値

  • 選択者表示


    • 複数選択:、(カンマ)
    いろひょうげん
    	h1,h2,h3 {
        color: darkblue;
        }
    同時に選択:li.key
    ex.class値がkeyのすべての値を選択
    	li.key { 
 	color: skyblue;
 	}
    内部選択
    ex.ul内部のすべてのli選択
         ul li {
     font-style: italic;
     }
    ステータス別選択:(コロン)
    ex.すべてのliでマウスサスペンションを選択
    li:hover { /*hover는 마우스가 위에 있을 때 */
     background-color: coral;
     color: white;
   }
    2019年の反応アプリケーションの試験
    EasySCPで快適サーバ管理生活