Например есть тег P
если мы его запишем:
p {...} - это будет селектор, свойства применяется ко всем тегам. <p>...</p>
p.text {...} - это будет клас text селектора p, свойства применятется только к тем тегам где вызывается этот клас. <p class="text">...</p>
#p {...} - идентификатор (может иметь любое имя, я взял для примера это) <p id="p">...</p>
Тут всё понятно.
Но пот читая книгу Ломова, я что-то непонимаю как оно работает вот в таком примере кода:
<html>
<head>
<title>best site</title>
<style type="text/css">
#text {
margin: 20px;
padding: 20px;
border: solid 1px #ccc;
}
#text h2 {
color: #369;
}
#text p {
text-align: justify;
text-indent: 1.5em;
margin: 0px;
}
</style>
</head>
<body>
<div id="text">
<h2>Организация пространства страниц</h2>
<p>
Успех будущего веб-проекта во многом определяется качеством
исполнения фундамента шаблонов главной и внутренних страниц сайта.
Мы приняли за аксиому тот факт, что все сайты информационного характера
(в отличии от презентационных проектов) в значительной мере похожи друг на друга.
И общность эта сильнее всего выражена в составе и взаимном расположении элементов страниц.
</p>
<p>
В организации пространства страницы любого информационного сайта можно выделить как минимум
четыре функциональные области со строго определенными ролями. Это Шапка (в англ. терминологии Хеадер),
блок навигации, область основного текста и подвал.
</p>
</div>
</body>
</html>
Непойму вот как правильно работают эти идентификаторы #text; #text h2; #text p
Они типа являются контекстуальными селекторами #text h2; #text p ?
Контекстные селекторы - это сочетания нескольких обыкновенных селекторов. Стиль задается только элементам в заданной последовательности в зависимости от каскадного порядка.
ПРИМЕР:
P EM {color:silver;}
В данном примере все элементы EM внутри элементов P будут иметь заданный стиль.
Если это так, то их можно применять к класам? Например:
p.text h2 {...}
.text h1 {...}
И еще вопрос про контекстуальные селекторы.
Там говорится что "Стиль задается только элементам в заданной последовательности
в зависимости от каскадного порядка. "
Тоисть можно записать что-то вроде такого: #text p h1 {...} и больше?
То как в таком случае оно будет работать и присваивать?
Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
|