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