0

ページレイアウト用にさまざまなスタイルシートファイルがあるjoomlaテンプレートを使用しています。ここで簡単な方法を示しています。

style1.css

#header ul.menu li a{ background-color: red; }

style2.css

#header ul.menu li a{ color: blue; }

style3.css

ul.menu li a:hover{ background-color: gray; }

style4.css

ul li a:active{ background-color: green; }

style5.css

ul.menu { list-style: none;}
ul.menu li{display: inline;}
ul li a{float: left; display: block;}

#headerメニューのデフォルト スタイルをリセットする最良の方法は何ですか?

必要に応じて、次のようにstyle1.cssにとどまって css をリセットできます。!important

#header ul.menu{list-style: none;}
#header ul.menu li{display: inline-block;}
#header ul.menu li a{color: black; background-color: none;}
#header ul.menu li a:hover{color: black; background-color: none;}
#header ul.menu li a:active{color: black; background-color: none;}

しかし、このために、まずそのメニューに適用されているスタイルを確認してから、独自のスタイルを設定しました。

しかし、そのメニューに適用されているスタイルが何であれ、ブラウザのデフォルトにリセットできるcssルールを探しています。これを行う方法はありますか？

4

1 に答える 1

0

JavaScript を使用した 2 つの方法

  1. className を変更します (「#header」を「.header」に置き換える必要があります)
  2. 使用中のスタイルシートを変更する
于 2013-08-28T05:28:52.187 に答える