приоритет в стилях

Тема в разделе "Веб-дизайн", создана пользователем sultan347, 21 ноя 2009.

Статус темы:
Закрыта.
Модераторы: zek24
  1. sultan347

    sultan347

    Регистр.:
    25 апр 2009
    Сообщения:
    230
    Симпатии:
    7
    CSS файл
    html файл
    Cылка красного цвета получается, почему у класса class="xxyyzz" не хватает полномочий, что бы закрасить на зеленый цвет? И как можно решить?
     
  2. Madmess

    Madmess Создатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    29
    Симпатии:
    0
    Ссылка зеленая получается. При наведении - красная
     
  3. sultan347

    sultan347

    Регистр.:
    25 апр 2009
    Сообщения:
    230
    Симпатии:
    7
    извиняюсь,

    CSS файл
    html файл
     
  4. Madmess

    Madmess Создатель

    Регистр.:
    18 ноя 2008
    Сообщения:
    29
    Симпатии:
    0
    Все равно работает.
    Зеленая и при наведении красная
     
  5. sultan347

    sultan347

    Регистр.:
    25 апр 2009
    Сообщения:
    230
    Симпатии:
    7
    Откуда я знал...:-], что в конце таблице стилей есть строка
     
  6. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    Указывайте стили соответственно элементам, которым они прописаны:
    HTML:
    
    a.xxyyzz {color:#00ff00;}
    a.xxyyzz:hover {color:#ff0000;}
    
    Иначе P, span и любой другой элемент с классом xxyyzz будет красить свой текст в зеленый.
     
    sultan347 нравится это.
  7. pansatana

    pansatana Писатель

    Регистр.:
    20 окт 2009
    Сообщения:
    9
    Симпатии:
    1
    можно если не ошибаюсь еще через !important сделать...если где то сбился в приоритете в стилях...
     
  8. Eihwaz

    Eihwaz

    Регистр.:
    7 окт 2007
    Сообщения:
    156
    Симпатии:
    54
    Блин, я вот читаю, что люди думают о !important и поражаюсь. В очередной раз возьму на себя роль Капитана Очевидности:
    Это свойство предназначено для повышения приоритета стилевого правила. Если вы напишете в CSS
    HTML:
    
    #myMegaContainer {
        background-color: #333!important;
        background-color: #fff;
    }
    
    то в нормальном браузере фоновый цвет вашего дива будет #333, несмотря на то, что вы его переопределили. Именно из-за свойства !important.
    Плюс, (и на w3 это указано как единственная причина существования !important) если пользователь подключает свой css файл на вашей странице, это свойство может помочь сохранить некоторые элементы именно в нужном вам виде (хотя, если !important указано и в вашем css и в том, который подключает пользователь, то последний имеет приоритет).
    Это свойство так же довольно часто используется для css хаков, так как IE6 позволяет переопределять свойство, даже если оно указано как !important (пример выше в IE будет иметь белый фоновый цвет)
    Теперь чего !important не делает:
    Он не повышает скорость загрузки страницы.
    Элемент, в стилях которого есть !important не грузится быстрее, чем элементы, у которых это свойство не указано. И тем более не отображается "более правильно".
    Он не помогает восстановить "сбившееся" значение в css.
     
  9. pansatana

    pansatana Писатель

    Регистр.:
    20 окт 2009
    Сообщения:
    9
    Симпатии:
    1
    ну а я разве не так сказал? просто более коротко.
    к примеру если
    #myMegaContainer {
    background-color: #333
    background-color: #fff;
    background-color: #14100c;!important;
    background-color: #d19764;
    }
    тогда цвет будет #14100c... (без !important цвет будет #d19764)то есть если десять раз переопределять стиль, то будет показывается только !important;
    про то что будет быстрее грузится,отображаться более правильно и т.д. никто не говорил....
     
  10. pritorius666

    pritorius666 Создатель

    Регистр.:
    16 авг 2009
    Сообщения:
    10
    Симпатии:
    1
    да это Eihwaz так сказать для всех еще раз повторил чего !important может а чего нет.
    Просто даже сам частенько встречал много всякого рода споров и убеждений по поводу !important;)
     
Статус темы:
Закрыта.