 |
|
Модераторы: Illuminaty |
 
|
|
Узменить стиль первой буквы в ссылке 
| Gold Dragon |
|
|||
 Призрачный  Профиль Группа: Экс. модератор Сообщений: 6753 Регистрация: 1.3.2004 Где: Россия, Тамбов Репутация: 9 Всего: 71 |
Как можно поменять стиль первой буквы в ссылке, т.е. в тексте обёрнутый тэгом А? по типу :first-letter
ps как-то решал эту проблему давно, но сейчас не смог найти -------------------- Нельзя жить в прошлом, оно уже прошло. Нельзя жить в будущем, оно ещё не наступило. Нужно жить в настоящем, помня прошлое и думая о будущем! |
|||
|
||||
Загрузка ...
| Arantir |
|
|||
|
Рыбак без удочки Профиль Группа: Участник Сообщений: 960 Регистрация: 18.11.2012 Репутация: 5 Всего: 55 |
:first-letter работает только на блочных элементах. Просто сделайте ссылку блочной. Чтобы не испортить дизайн, можно так же сделать псевдоблочной.
http://jsfiddle.net/6WjzZ/2/ Это сообщение отредактировал(а) Arantir - 21.1.2013, 21:36 -------------------- interface Жопа { // ATTENTION: has to be implemented by every class of the project for proper project work } |
|||
|
||||
| Gold Dragon |
|
|||
|
Призрачный Профиль Группа: Экс. модератор Сообщений: 6753 Регистрация: 1.3.2004 Где: Россия, Тамбов Репутация: 9 Всего: 71 |
мой косяк... забыл сказать ... менять стиль при наведении курсора
Это сообщение отредактировал(а) Gold Dragon - 21.1.2013, 21:38 -------------------- Нельзя жить в прошлом, оно уже прошло. Нельзя жить в будущем, оно ещё не наступило. Нужно жить в настоящем, помня прошлое и думая о будущем! |
|||
|
||||
| Arantir |
|
|||
|
Рыбак без удочки Профиль Группа: Участник Сообщений: 960 Регистрация: 18.11.2012 Репутация: 5 Всего: 55 |
-------------------- interface Жопа { // ATTENTION: has to be implemented by every class of the project for proper project work } |
|||
|
||||
| Gold Dragon |
|
|||
|
Призрачный Профиль Группа: Экс. модератор Сообщений: 6753 Регистрация: 1.3.2004 Где: Россия, Тамбов Репутация: 9 Всего: 71 |
ВО! именно то что нужно...
Arantir, поясни код.. не встречал такого синтаксиса. И везде ли он будет адекватным?
-------------------- Нельзя жить в прошлом, оно уже прошло. Нельзя жить в будущем, оно ещё не наступило. Нужно жить в настоящем, помня прошлое и думая о будущем! |
|||
|
||||
| Arantir |
|
|||
|
Рыбак без удочки Профиль Группа: Участник Сообщений: 960 Регистрация: 18.11.2012 Репутация: 5 Всего: 55 |
Псевдокласс :not задает стиль для всего, что не соответствует заданному в нем селектору. В нашем случае - всем ссылкам, на которые не был наведен курсор.
В то же время допускается использование нескольких псевдоклассов одновременно. Плюс вместе с псевдоклассом всегда можно добавить в конец псевдоелемент (например, ::after). Существование такой возможности вполне понятно - всякие ::after и ::before чаще пригождаются только вместе с :hover, :active и прочим. Ведь просто так что-то до/после элемента можно и прямо через html добавить. Ну правда далеко не все комбинации работают. В идеале должен был быть работать селектор a:hover:first-letter (а так же a:hover::first-letter), но... не работает... Хотя a:hover:after (а так же a:hover::after) работает как положено. Данный синтаксис соответствует спецификации. Но за реализацию спецификации в отдельных браузерах я не ручаюсь =) -------------------- interface Жопа { // ATTENTION: has to be implemented by every class of the project for proper project work } |
|||
|
||||
|
|
| 0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей) | |
| 0 Пользователей: | |
| « Предыдущая тема | Вёрстка веб-сайтов | Следующая тема » |
[ Время генерации скрипта: 0.0413 ] [ Использовано запросов: 21 ] [ GZIP включён ]
Реклама на сайте Информационное спонсорство
|
|
По вопросам размещения рекламы пишите на vladimir(sobaka)vingrad.ru
Отказ от ответственности Powered by Invision Power Board(R) 1.3 © 2003 IPS, Inc. |