Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
1 / 1 / 0
Регистрация: 15.03.2014
Сообщений: 58
1

Использование селектора

13.01.2017, 23:06. Показов 436. Ответов 2
Метки нет (Все метки)

Добрый день,только начал изучать HTML+CSS. Столкнулся с следующим:
Необходимо сделать 1ю букву каждого параграфа другого цвета,размера,шрифта.
Как я понимаю,проблема моя заключается именно в селекторах(не особо разобрался в них),надеюсь на помощь!
Вот пример
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Homework</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="oneletter">
    <p>Пример</p>
    </div>
</body>
</html>
CSS
1
2
3
4
5
div.oneletter:first-letter ~ p {
    color: red;
    font-size: 24px;
    font-family: "Times New Roman", cursive;
}
Спасибо!
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
13.01.2017, 23:06
Ответы с готовыми решениями:

Написание селектора
Здравствуйте, форумчане! Нужна помощь в написаниии в CSS. У меня есть множество строчек вида...

Написание селектора атрибута
Всем привет, на сайте есть дивы с такими классами .div_1, .div_2, .div_3, .div_4 и так по порядку...

Потомки селектора класса
Всем привет) Возможно глупый вопрос, но можете объяснить в чем именно разница между? p.intro...

эффект селектора класса
&lt;div class=&quot;c&quot;&gt;&lt;/div&gt; Если задавать стиль для .c div {}, то должен ли этот стиль применяться к...

2
Модератор
Эксперт JSЭксперт HTML/CSS
3672 / 2575 / 1504
Регистрация: 12.07.2015
Сообщений: 6,567
Записей в блоге: 4
13.01.2017, 23:12 2
CSS
1
2
3
.oneletter p:first-letter{
  color:red;
}
0
Эксперт HTML/CSS
2953 / 2540 / 1065
Регистрация: 15.12.2012
Сообщений: 9,527
Записей в блоге: 10
13.01.2017, 23:14 3
F1x0n, на здоровье:
CSS
1
2
3
4
5
div.oneletter>p:first-letter {
        color: red;
        font-size: 24px;
        font-family: "Times New Roman", cursive;
    }
1
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
13.01.2017, 23:14

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Зона действия селектора
Мне требуется задать размеры графических миниатюр, расположенных в таблице. Что-то вроде этого:...

Звездочка после селектора
Что означает такая запись? head * { color: #fff; }

Условие при выборе селектора
Вывожу некоторую графическую информацию. Ссылка на изображение хранится в массиве PHP. Также в этом...

Пояснить значение селектора атрибута
Читаю вот тут про bootstrap. И встретил какой то уж очень странный код css. Ни в одном учебнике...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
3
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.