Оба являются точными (и идентично эквивалентными). Я только что тестировал в Firefox 4.0b6/Mac, и он работает точно так, как я ожидал. В приведенном ниже примере ссылка становится красной, когда я указываю на нее, а затем зеленый, пока я удерживаю кнопку мыши.
<!DOCTYPE HTML>
<title>Test</title>
<style>
a:hover { color: red; }
a:active { color: yellow; }
a:hover:active { color: green; }
</style>
<h1><a href="test">gggg</a></h1>
Необычно хотеть, чтобы ссылка была по-разному оформлена при активации с помощью мыши, чем с клавиатурой.
Я подозреваю, что вы можете совершить классическую ошибку. :active
означает «При активации (например, когда кнопка мыши нажата над ним)», а не «Когда значение атрибута href переходит в URI текущей страницы».
Нет псевдокласса, который означает «Когда значение атрибута href разрешается для URI текущей страницы», для этого классический шаблон должен добавить «текущий» или «выбранный» класс к якорю на перед отправкой HTML клиенту.
Не мой нисходящий знак, но в CSS запятая означает «или». ОП ищет «и». – 2010-12-03 23:38:50
Нет, это неверно. Comma подразумевает, что несколько правил разделяют определение. без запятой я бы сказал, что я хочу элемент с селектором классов с элементом привязки, с другим элементом селектора под ним. – 2010-12-04 00:00:34
Чтобы добавить к нему, «И» не имеет значения. Элемент не может одновременно делиться активным и: зависающим состоянием. – 2010-12-04 00:06:34