что такое селектор мыши в css?

<p>я заметил, что кнопки и другие элементы имеют стиль по умолчанию и ведут себя в 3 этапа: обычный вид, вид при наведении/фокусе и вид при mousedown/click, в css я могу изменить стиль обычного вида и вида при наведении так:</p><pre><code>button{ background:#333; color:#fff; } button:hover{ background:#000; color:#eee; } </code></pre><p>но как я могу выбрать mousedown? я хочу что-то вроде этого:</p><pre><code>button:mousedown{ //some styling } </code></pre><p>спасибо</p>

<p>я думаю, что вы имеете в виду активное состояние</p><pre><code> button:active{ //some styling } </code></pre><p>это все возможные псевдосостояния, которые может иметь ссылка в css:</p><pre><code>a:link {color:#ff0000;} /* unvisited link, same as regular 'a' */ a:hover {color:#ff00ff;} /* mouse over link */ a:focus {color:#0000ff;} /* link has focus */ a:active {color:#0000ff;} /* selected link */ a:visited {color:#00ff00;} /* visited link */ </code></pre><p>смотрите также: <a href="http://www.w3.org/tr/selectors/#the-user-action-pseudo-classes-hover-act">http://www.w3.org/tr/selectors/#the-user-action-pseudo-classes-hover-act</a> </p>

<p>я понял, что это ведет себя как событие mousedown:</p><pre><code>button:active:hover {} </code></pre>

<p><strong> <em> примечание для заметки: </em> </strong> по какой-то причине для синтаксиса css требуется фрагмент <code>:active</code> <b>после</b> <code>:hover</code> для того же элемента, чтобы быть эффективным</p><p> <a href="http://www.w3schools.com/cssref/sel\_active.asp">http://www.w3schools.com/cssref/sel\_active.asp</a> </p>

<p>недавно я обнаружил, что <code>:active:focus</code> делает то же самое в css, что и <code>:active:hover</code>, если вам нужно переопределить пользовательскую библиотеку css, они могут использовать обе.</p>