CSS3 は疑似クラスセレクターを理解します

CSS3 疑似クラスセレクターの簡単な紹介:
標準ブラウザが登場する前は、多くの初心者は疑似クラスセレクターに馴染みがないかもしれませんが、:link、:focus、:hover の原理には精通しています。これらのセレクターはリンク状態スタイルの設定によく使用されるため、よく知られているでしょう。
擬似クラスセレクターの基本構文:

  selector:pseudo-class{
  property:value;
}

構造解析:
1.selector:その他のCSSセレクター。
2.:pseudo-class: 疑似クラスセレクター。
3.property:value: 対応するスタイル属性と値。
コード例は次のとおりです:

a:link{color:red;}
a.title:link{color:blue;}

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <title></title> <style type="text/css"> #div1 :target p{ color: red; }; </style> </head> <body> <div id="div1"> i am div1 <div id="div2"> i am div2 <p>pppp</p> </div> </div> <a href="#div2">click me</a> </body> </html>

提出するリセットコード

自動運転