Пример 13.7. Дефисы в значениях
⇐ ПредыдущаяСтр 18 из 18 HTML5CSS 2.1IECrOpSaFx <!DOCTYPE HTML> <html> <head> <meta charset="utf-8" > <title> Блок </title> <style> DIV [class|="block"] { background: #306589; /* Цвет фона */ color: #acdb4c; /* Цвет текста */ padding: 5px; /* Поля */ } DIV [class|="block"] A { color: #fff; /* Цвет ссылок */ } </style> </head> <body> <div class="block-menu-therm" > <h2> Термины </h2> <div class="content" > <ul class="menu" > <li><a href="t1.html" > Буквица </a></li> <li><a href="t2.html" > Выворотка </a></li> <li><a href="t3.html" > Выключка </a></li> <li><a href="t4.html" > Интерлиньяж </a></li> <li><a href="t5.html" > Капитель </a></li> <li><a href="t6.html" > Начертание </a></li> <li><a href="t7.html" > Отбивка </a></li> </ul> </div> </div> </body></html> В данном примере имя класса задано как block-menu-therm, поэтому в стилях используется конструкция |="block", поскольку значение начинается именно с этого слова и в значении встречаются дефисы. Все перечисленные методы можно комбинировать между собой, определяя стиль для элементов, которые содержат два и более атрибута. В подобных случаях квадратные скобки идут подряд. [атрибут1="значение1"][атрибут2="значение2"] { Описание правил стиля } Универсальный селектор комментариев: 29 23.09.2010 Влад Мержевич Иногда требуется установить одновременно один стиль для всех элементов веб-страницы, например, задать шрифт или начертание текста. В этом случае поможет универсальный селектор, который соответствует любому элементу веб-страницы. Для обозначения универсального селектора применяется символ звёздочки (*) и в общем случае синтаксис будет следующий. * { Описание правил стиля } В некоторых случаях указывать универсальный селектор не обязательно. Так, например, записи *.class и.class являются идентичными по своему результату. В примере 14.1 показано одно из возможных приложений универсального селектора — выбор шрифта и размера текста для всех элементов документа.
Читайте также: b) Пример классического. Воспользуйтесь поиском по сайту: ©2015 - 2024 megalektsii.ru Все авторские права принадлежат авторам лекционных материалов. Обратная связь с нами...
|