| Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате |
| Форум программистов > Вёрстка веб-сайтов > Узменить стиль первой буквы в ссылке |
| Автор: Gold Dragon 21.1.2013, 21:25 |
| Как можно поменять стиль первой буквы в ссылке, т.е. в тексте обёрнутый тэгом А? по типу :first-letter ps как-то решал эту проблему давно, но сейчас не смог найти |
| Автор: Arantir 21.1.2013, 21:35 |
| :first-letter работает только на блочных элементах. Просто сделайте ссылку блочной. Чтобы не испортить дизайн, можно так же сделать псевдоблочной. http://jsfiddle.net/6WjzZ/2/ |
| Автор: Gold Dragon 21.1.2013, 21:37 |
| мой косяк... забыл сказать ... менять стиль при наведении курсора |
| Автор: Arantir 21.1.2013, 21:54 |
| http://jsfiddle.net/6WjzZ/5/ |
| Автор: Gold Dragon 21.1.2013, 22:21 | ||
| ВО! именно то что нужно... Arantir, поясни код.. не встречал такого синтаксиса. И везде ли он будет адекватным?
|
| Автор: Arantir 21.1.2013, 22:37 |
| Псевдокласс :not задает стиль для всего, что не соответствует заданному в нем селектору. В нашем случае - всем ссылкам, на которые не был наведен курсор. В то же время допускается использование нескольких псевдоклассов одновременно. Плюс вместе с псевдоклассом всегда можно добавить в конец псевдоелемент (например, ::after). Существование такой возможности вполне понятно - всякие ::after и ::before чаще пригождаются только вместе с :hover, :active и прочим. Ведь просто так что-то до/после элемента можно и прямо через html добавить. Ну правда далеко не все комбинации работают. В идеале должен был быть работать селектор a:hover:first-letter (а так же a:hover::first-letter), но... не работает... Хотя a:hover:after (а так же a:hover::after) работает как положено. Данный синтаксис соответствует спецификации. Но за реализацию спецификации в отдельных браузерах я не ручаюсь =) |