CSSで:link、:visited、:hover、:active の記述方法と順序

投稿者: | 2016年9月24日

記述順序
a:link{
color:#333 ;
text-decoration:none ; }

a:visited {
color:#333 ;
text-decoration:none ;}

a:hover {
color:#FF6600 ;
text-decoration:underline ;}

a:active {
text-decoration:none ;
color:#FF6600 ;
text-decoration:none ; }

簡略書き方
a {color:#252525;
text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {color:#ba2636;
text-decoration:underline;}
a:active {color:#ba2636;}