2013-08-28 2 views
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 меню?

я мог сбросить CSS как мое собственное пребывание в style1.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, которые, независимо от стилей, применяются в этом меню, я мог бы сбросить настройки браузера по умолчанию. Есть какой-либо способ сделать это?

+0

загрузить файл CSS в нижней части, которую вы хотите применить ... –

+0

@DipeshParmar Я сделал это, но мне нужно проверить, какие стили применяются, а затем сбросить. Пожалуйста, перечитайте последний абзац. –

+0

Почему вы не устанавливаете значение в каждом? Или вы можете использовать блок 'if else'. Чтобы убедиться, что текущий css - это тот, который вы хотите. –

ответ

0

два способа с JavaScript

  1. изменить имя класса (вы должны заменить "#header" с ".header")
  2. изменить таблицы стилей используется
Смежные вопросы