CSS各種セレクタ

1402 ワード

一、セレクタ


1、元素選択器


Li{}最もよく使われる、最も基本的な

2、派生セレクタ

li strong{}ラベル間をスペースで区切ってliラベルのstrongラベルのスタイルを定義し、css 1のコンテキストセレクタ、css 2の派生セレクタ

3、idセレクタ


#id{}現代のレイアウトでは、idセレクタは派生セレクタの構築によく使用されます.#id div{}

4、classセレクタ


.classname{}は要素セレクタと組み合わせることができます
マルチセレクタ
class=“classname1 classname2  classname3...”IE 7以前のバージョンをスペースで区切ると、異なるプラットフォームのInternet Explorerではマルチセレクタを正しく処理できません.

5、子孫選択器



      
  •   
  •   
  •   

ul em{}em要素のネストの深さにかかわらず、

6、サブエレメントセレクタ


任意の子孫要素を選択したくない場合は、h 1>strong{}h 1のすべてのサブ要素strongを選択します.

7、隣接兄弟選択器


別の要素の直後にある要素を選択し、両者は同じ親要素h 1+pを有する

8、偽類


a:link{color:#FF 0000}/*未アクセスリンク*/
a:visited{color:#00 FF 00}/*アクセス済みリンク*/
a:hover{color:#FF 00 FF}/*マウスがリンクにぶら下がっている場合*/
a:active{color:#0000 FF}/*選択されたリンク*/
 
input:focus{}//IEブラウザではこのプロパティはサポートされていません.doctypeが宣言されている場合はIE 8以上がサポートされます
//予想される効果を生み出すためには、CSS定義でa:hoverはa:linkとa:visitedの後にある必要があります!!
//予想される効果を生み出すためには、CSS定義でa:activeはa:hoverの後にある必要があります!!
//すべての主流ブラウザがサポートしています:active偽クラス.アクティブ化の意味
 

9、疑似元素


http://www.w3school.com.cn/css/css_pseudo_elements.asp