Вложенность правил
Допустим, что возникла такая ситуация. Нужно поменять только стиль слов с жирным шрифтом, находящихся внутри абзаца. В этих ситуациях надо использовать вложенные правила. Если нужно изменить стиль только у тех слов, что находятся в тэгах <strong> внутри абзаца (тэга <p>), то в правило нужно записать:
p strong {
...
} Пример: слово "второе" во втором предложении выделим жирным (для этого используется тэг <strong>):
<html>
<head>
<title>Пример CSS</title>
</head>
<body>
<p>Здесь первое предложение.</p>
<p>Здесь <strong>второе</strong> предложение.</p>
<p>Здесь третье предложение.</p>
<body>
</html>
Добавим какой-либо текст вне абзаца и также выделим его жирным:
<html>
<head>
<title>Пример CSS</title>
</head>
<body>
<p>Здесь первое предложение.</p>
<p>Здесь <strong>второе</strong> предложение.</p>
<p>Здесь третье предложение.</p>
<strong>Текст вне абзаца.</strong>
<body>
</html> Создадим правило в таблице стилей, где в абзацах изменим цвет слов с жирным шрифтом:
p strong {
color: #0000cc;
} Таким образом получилось, что текст в тэге <strong>, находящийся, в свою очередь,
внутри абзаца, приобрёл синий цвет. Цвет же текста за пределами абзаца не поменялся:Текст вне абзаца.