X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость ( Вход | Регистрация )

Открыть тему
Тема закрыта
> Вопрос по CSS, Как закрасить часть слова цветом
webscs
webscs
Topic Starter сообщение 25.5.2012, 15:34; Ответить: webscs
Сообщение #1


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.6.2010
Из: Москва
Поблагодарили: 40 раз
Репутация:   8  


Добрый день, наткнулся на сайт survivalblog.biz, в котором первая буква заголовка поста закрашена красным цветом, например заголовок "Как содержать ножи складные", я так понял что за это отвечает бекграунд класса для h3, <h3 id="post-621"> но я не смог найти в CSS этого описания, может кто поможет?
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
taxi2008
taxi2008
сообщение 25.5.2012, 15:39; Ответить: taxi2008
Сообщение #2


Оптимизатор
******

Группа: Active User
Сообщений: 2034
Регистрация: 29.7.2008
Поблагодарили: 470 раз
Репутация:   114  


google
css

В вашем случае:
<style>
   h3:first-letter {
    color: red; /* Красный цвет первой буквы */
   }
</style>


Сообщение отредактировал taxi2008 - 25.5.2012, 15:40


Поблагодарили: (1)
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
webscs
webscs
Topic Starter сообщение 25.5.2012, 15:43; Ответить: webscs
Сообщение #3


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.6.2010
Из: Москва
Поблагодарили: 40 раз
Репутация:   8  


Ну странно как-то, ведь если попытаться выделить текст, то первая буква не выделяется
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
artanik
artanik
сообщение 25.5.2012, 16:06; Ответить: artanik
Сообщение #4


Участник
***

Группа: User
Сообщений: 225
Регистрация: 3.5.2011
Из: Украина, Львов
Поблагодарили: 147 раз
Репутация:   47  


Нужно использовать псевдокласс first-letter, для выдиления первого символа
h3 {
  color: #FFFFFF;
}
h3::first-letter {
  color: #FF0000;
}

Ну а выделение может не работать из-за особеностей браузера, потому что у меня она выделяеться(Опера 11.52)


--------------------
Мой промо-сайт

Нужна качественная вёрстка сайтов? Обращайтесь: ICQ 555-177-362 
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Вопрос по seo для интернет магазина
куда девать продвинутые товары, которые уже не выпускают
18 viktormerke 2824 15.12.2017, 15:18
автор: Smspva
Открытая тема (нет новых ответов) Проги для редактирования style.css
14 minutkin 1083 11.12.2017, 16:01
автор: Nell
Открытая тема (нет новых ответов) Вопрос к знатокам Instagram
20 SEOMR 4197 30.11.2017, 14:25
автор: DiscordPro
Открытая тема (нет новых ответов) Вопрос про Телеграмм
18 syd2010 1179 28.11.2017, 14:25
автор: PostBrigada
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыАrticle manager вопрос
0 Smile3D 441 24.11.2017, 18:27
автор: Smile3D


 



RSS Текстовая версия Сейчас: 18.12.2017, 22:42
Дизайн