擬似クラスと擬似要素の一覧

Posted on 6月 24, 2010

0


名前 セレクタ 使用例
リンク擬似クラス :link
:visited
a:link {color: #ffffff;}
a:visited {color:#ffffff;}
ダイナミック擬似クラス :hover
:focus
:active
a:hover {color: #ffffff;}
a:focus {color: #ffff00;}
a:active {color: #ff0000;}
:first-child擬似クラス :first-child div:first-child {color: #ffffff;}
:first-line擬似要素 :first-line div:first-line {color: #ffffff;}
:first-letter擬似要素 :first-letter div:first-letter {font-size: larger;}
:before擬似要素 :before div:before {content: "直前に生成"}
:after擬似要素 :after div:after {content: "直後に生成"}

擬似クラスと擬似要素 – WEB知識のメモ帳

広告
Posted in: CSS基礎