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)

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.


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

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


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Тема имеет прикрепленные файлыHTML/CSS обучение верстке сайтов с профессиональным подходом
0 Smile3D 195 Вчера, 20:38
автор: Smile3D
Открытая тема (нет новых ответов) Вопрос по поводу цен на сайте
16 WildWeb8 961 13.5.2018, 17:40
автор: genjnat
Открытая тема (нет новых ответов) Перенесу вашу HTML+CSS верстку на Wordpress
0 blackhead 401 9.5.2018, 14:50
автор: blackhead
Открытая тема (нет новых ответов) Есть эксперты HTML + CSS ?
4 _fan_ 646 3.5.2018, 22:32
автор: _fan_
Открытая тема (нет новых ответов) Вопрос к тем, кто зарабатывает на недвижимости?
Как заработать на недвижке.?
15 Dross 2764 26.4.2018, 18:26
автор: megachange


 



RSS Текстовая версия Сейчас: 28.5.2018, 6:10
Дизайн