Хотя вы считаете, что причина может быть проблемой браузера, более вероятно, что определение вашего стиля является неправильным порядком. Чтобы убедиться, что вы можете увидеть стили соединения в разных состояниях, должен быть правильный заказ в стиле:
Ссылка - Посещено - Hover - Active или LVHA (аббревиатура).
Основной контент:
Каждый селектор имеет специфичность. Если к одному и тому же элементу применяются два селектора, селекторы с более высокой специфичностью выиграют и будут иметь приоритет. Например:
P.hithere {color: green;} / * speciate = 1,1 * /p {color: red;} / * special = 1 * /
Любой контент абзаца с классом класса = hithere отображается зеленым вместо красного. У обоих селекторов есть набор цветов, но селекторы с более высокой специфичностью выиграют.
Как псевдоклассы влияют на специфичность? Они имеют одинаковое весовое значение, а следующие стили имеют одинаковое конкретное весовое значение:
A: link {color: blue;} / * special = 1,1 * /a: active {color: red;} / * special = 1,1 * /a: hover {color: magenta;} / * speciate = 1,1 * /a: {color: purple;} / * special = 1,1 * //1 * /a:
Это настройки стиля для гиперссылок. В большинстве случаев некоторые из этих стилей должны быть установлены одновременно. Например, неофициальная гиперссылка может быть установлена в разных стилях как в активации мыши, так и в активации мыши при падении и щелчке. Поскольку приведенные выше три правила могут быть применены к гиперссылкам, и все селекторы имеют одинаковую специфичность, то в соответствии с правилами, последний стиль выигрывает. Таким образом, активный стиль никогда не будет отображаться, потому что он всегда покрывается стилем паря (то есть предпочтительнее зависание). Теперь давайте проанализируем, каково влияние мыши Hyperlink Mouseover, и результат всегда является фиолетовым :( Потому что его посещаемый стиль всегда имеет приоритет над другими правилами стиля состояния (включая активные и парящие).
Вот почему CSS1 рекомендует заказ в стиле:
A: Linka: Visiteda: Hovera: Active
Фактически, порядок первых двух стилей может быть заменен, потому что гиперссылка не может существовать одновременно, что и как недоступные, так и доступные состояния. (: Ссылка означает не заселенную; я не знаю, почему она не определена так.)
CSS2 теперь позволяет псевдо-классам появляться в союзных группах, например:
A: Посещение: Hover {Color: Maroon;} / * speciate = 2,1 * /a: ссылка: Hover {color: Magenta;} / * Special = 2,1 * /A: Hover: Active {Color: Cyan;} / * Special = 2,1 * / /
У них такая же специфичность, но они применяются к принципиально разным зверям, и поэтому не конфликтуют. Например, вы можете получить парящие комбинации.
Как понять специфику, связанную с этой статьей? Специфичность может быть понята как числовая строка, которая не просто соединена вместе. Пример выше: p.hithere {color: green;} / * speciality = 11 * /p {color: red;} / * spiection = 1 * / /
Похоже, это простая операция, основанная на десятичной десятичной жизни. Однако расчет специфичности не может использовать десятичные алгоритмы. Например, если вы используете 15 селекторов вместе, их конкретные взвешенные значения по -прежнему ниже, чем простые селекторы класса. Например:
.hello {color: red;} / * speciate = 10 * /html body div li ol li ul li ul li ul li li (color: green;} / * special = 15 * /
10 на самом деле специфич, которая следует за 1, а затем нулевой, а не десять. Мы можем использовать шестнадцатеричную, чтобы описать предыдущие правила стиля, например, следующее:
.hello {color: red;} / * speciate = 10 * /html body div li ol li ul li ul li ul li li (color: green;} / * special = f * /
Единственная проблема заключается в том, что если вы хотите добавить двух или более селекторов ко второму правилу стиля, то вы можете получить конкретный 17, который снова будет запутан. Фактически, специфичность может быть бесконечной, поэтому, чтобы избежать большей путаницы, рекомендуется использовать запятые для разделения конкретного значения.
Веб -мастер предлагает: повторить расчет взвешенного значения специфичности. Настройка веб -сайта CSS отражает вашу способность управлять страницей. В динамичной разработке веб -сайта статус CSS также очень важен. Прочитайте больше информации, больше практикуйтесь и приходите на wulin.com больше! Если вам нравится этот сайт, продвигайте его от вашего имени! Спасибо за чтение.