X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> помогите разобраться с основами (клас, селектор, айди)
Exploit_hb
Exploit_hb
Topic Starter сообщение 3.4.2009, 3:26; Ответить: Exploit_hb
Сообщение #1


Например есть тег 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+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

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

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Помогите вспомнить рекламного бота Телеграм для обмена рекламой
0 Mixatraider 725 21.2.2024, 23:42
автор: Mixatraider
Открытая тема (нет новых ответов) Помогите рещить проблему с монитором.
Почему низкое разрешение при подключении монитора через displayport?
0 Levels 1701 11.12.2020, 0:48
автор: Levels
Открытая тема (нет новых ответов) Помогите кто нибудь получить партнерку Росбанк!
7 heisenberg_mw 2340 7.8.2020, 9:28
автор: heisenberg_mw
Открытая тема (нет новых ответов) Помогите найти тему пожалуйста
7 virtas 12461 24.7.2020, 17:02
автор: -JamesSmips-
Открытая тема (нет новых ответов) Помогите с поиском доноров
3 tehno_music 3351 4.11.2019, 17:15
автор: goblin78


 



RSS Текстовая версия Сейчас: 18.4.2024, 9:43
Дизайн