0

私は動作する以下のものを持っています:

#s5_bottom_menu_wrap a{
color:#333333 !important;
}

そして、私はそれに以下を追加できるようにしたい:

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}

ただし、これを行うと：

#s5_bottom_menu_wrap a{
color:#333333 !important;
a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;}
a:active {text-decoration:none;}
}

... Google Chrome の Inspect Element では、追加した CSS に対して「不明なプロパティ名」というエラーが表示され、何の効果もありません。私がやろうとしているのは、これらの Nav リンクに装飾がなく、ホバー時にのみリンクに下線が引かれるように設計されていることです。

私は何を間違っていますか？これらのテキスト装飾はどのように追加する必要がありますか?

ここで得た回答に基づいて、すでにこれを試しましたが、これは正しいですか?

/* bottom section Nav links in footer */
#s5_bottom_menu_wrap a{ color:#333333 !important; text-decoration:none;}
#s5_bottom_menu_wrap a:link {text-decoration:none;}
#s5_bottom_menu_wrap a:visited {text-decoration:none;}
#s5_bottom_menu_wrap a:hover {text-decoration:underline;}
#s5_bottom_menu_wrap a:active {text-decoration:none;}
4

2 に答える 2

1

CSS でセレクターをネストすることはできません。このようにする必要があります。

#s5_bottom_menu_wrap a:link,
#s5_bottom_menu_wrap a:visited,
#s5_bottom_menu_wrap a:hover,
#s5_bottom_menu_wrap a:active {
   /* Styles goes here */
}

ネストの利便性が必要な場合は、LESSやSASSなどの CSS プリプロセッサをご覧ください。

于 2013-10-05T12:26:40.697 に答える
1

要素の css スタイリング ブロック内の:link、:visited、:hoverおよびにスタイルを追加しています。それはうまくいきません。代わりに次のことを試してください:activea

#s5_bottom_menu_wrap a{ color:#333333 !important; text-decoration:none; }

#s5_bottom_menu_wrap a:hover {text-decoration:underline;}

于 2013-10-05T12:39:33.990 に答える