Правильный порядок стилизации элемента <a>
(ссылка, посещение, зависание, активный). Все запутывают, предоставляя различные комбинации, такие как LVHA, LAHV. Можно ли указать правильный заказ?Код ссылки в css
ответ
Link посетили Hover Активного
Цитату из CSS specification:
a:link { color: red } /* unvisited links */ a:visited { color: blue } /* visited links */ a:hover { color: yellow } /* user hovers */ a:active { color: lime } /* active links */
Обратите внимание, что A: парения должны быть помещены после A: ссылки и A: посетили правила, так как в противном случае каскадные правила скроют свойство «color» правила A: hover. Аналогично, поскольку A: активный помещается после A: hover, активный цвет (известь) будет применяться, когда пользователь активирует и навешивает над элементом A.
Вы также можете заказать заказ VLHA, что не имеет значения. Однако спецификация CSS указала порядок LVHA и, по сути, это легко запомнить: i LoVeHA!
Cute Мнемонический! +1 –
Попробуйте это, 'LoVe / HAte', скопированное из Pro CSS Techniques. –
Вот лучший порядок, особенно для псевдоклассов. A L V VH H A (я произношу это Альва га ')
a { color: white; text-decoration: none; } /* bookmark */
a:link { color: red; } /* regular link */
a:visited { color: green; text-decoration: strikethrough; } /* visited link */
a:visited:hover { color: blue; text-decoration: underline overline; } /* visted hover link */
a:hover { color: yellow; text-decoration: underline overline; } /* hover link */
a:active { color: orange; text-decoration: underline overline; } /* active link */
Это удерживает оба посещенных состояния и оба состояния парить вместе, а также пребывание с указанным порядком. Она также позволяет для укладки закладок, таких как
<a name="bookmark_name">Bookmark Text</a>
который вы можете Мишень с
<a href="bookmark_name">Link Text</a>
Я считаю, что это здорово для связи право на раздел сайта, но где вы не хотите чтобы иметь автоматический стиль наведения, который он будет с тех пор, как это привязанный тег.
- 1. Посещенные ссылки в CSS
- 2. Как добавить «активный» класс css в код ссылки позади
- 3. CSS в HTML ссылки ошибка
- 4. ADD код ссылки на этот код
- 5. CSS ссылки приоритет
- 6. css - изменить цвет ссылки в css
- 7. CSS ссылки не работают
- 8. ссылки css-файлов в php
- 9. Позиция ссылки с CSS?
- 10. ASP.NET MVC Изменить ссылки CSS через код (время выполнения/разработка)?
- 11. ссылки в CSS слайд-шоу
- 12. группа выберите ссылки в css
- 13. Ориентация активной ссылки в CSS
- 14. внутренние ссылки в css sidebar
- 15. CSS: Стиль ссылки в классе
- 16. Загрузить ссылки в рамке CSS?
- 17. Жесткий код ссылки в package.json
- 18. Скрыть ссылки в Исходный код
- 19. Связывание ссылки с css
- 20. Список код без ссылки
- 21. CSS вопрос стиля Ссылки
- 22. CSS центр плавали ссылки
- 23. CSS Rectangle Как ссылки
- 24. Код ссылки GCC изменен?
- 25. CSS-код в ASP.NET
- 26. Использовать код в CSS
- 27. html css ссылки посещены
- 28. ссылки html и css
- 29. MVC - ссылки CSS
- 30. Css меню unclickable ссылки
При посещении он превращает все цвета ссылок в посещенные цвета. Почему это происходит – ArK
Поскольку вы посещали все ссылки раньше? Просто догадаться ... – Joey
нет его происходит недавно загруженной страницы. – ArK