Селекторы

Ответы на вопросы

1. Для чего служит селектор CSS-определения?

   Ответ. Селектор служит для связи определения с элементами HTML-кода.

2. Как записывается селектор элемента?

   Ответ. В качестве селектора элемента записывается имя элемента. Например, P.

3. С какими элементами связывает определение селектор элемента?

   Ответ. Селектор элемента связывает определение со всеми элементами с заданным названием. Например, селектор P свяжет определение со всеми абзацами (c элементами P).

4. Как записывается селектор класса?

   Ответ. Селектор класса имеет вид: .имя класса. Например, .mark.

5. С какими элементами связывает определение селектор класса?

   Ответ. Селектор класса связывает определение со всеми элементами, в открывающем теге которых записан атрибут class со значением, совпадающим с именем класса (не считая начальной точки). Например, селектор .mark связывает определение со всеми элементами с атрибутом class="mark".

6. Как записывается селектор класса с привязкой к элементу?

   Ответ. Селектор класса с привязкой к элементу имеет вид: ИМЯ ЭЛЕМЕНТА.имя класса. Например, P.mark.

7. С какими элементами связывает определение селектор класса с привязкой к элементу?

   Ответ. Селектор класса с привязкой к элементу связывает определение со всеми элементами с указанным названием, в открывающем теге которых записан атрибут class со значением, совпадающим с именем класса (не считая разделяющей точки). Например, селектор P.mark связывает определение со всеми элементами P с атрибутом class="mark". Такое определение не будет работать для элементов с классом mark, если они не являются элементами P.

8. Как записывается селектор идентификатора?

   Ответ. Селектор идентификатора имеет вид: #имя класса. Например, #mark.

9. С какими элементами связывает определение селектор идентификатора?

   Ответ. Селектор идентификатора связывает определение со всеми элементами, в открывающем теге которых записан атрибут id со значением, совпадающим с именем идентификатора (не считая начальной решётки). Например, селектор #mark связывает определение со всеми элементами с атрибутом id="mark".

10. В чём отличие класса от идентификатора?

    Ответ. В одном HTML-файле не может быть двух элементов с одними идентификатором. Внутри файла идентификатор уникален. Элементов с одним и тем же классом в одном файле может быть сколько угодно.

11. Как записывается универсальный селектор?

    Ответ. Универсальный селектор представляется символом звёздочка (*).

12. С какими элементами связывает определение универсальный селектор?

    Ответ. Универсальный селектор соответствует любому элементу.

13. Как связать одно определение с несколькими селекторами?

    Ответ. Для связи одного определения с несколькими селекторами последние перечисляются в заголовке определения через запятые, образуя, тем самым, составной селектор. Например, EM,STRONG,.mark. Такая операция называется группировкой селекторов.

14. С какими элементами связано определение, в заголовке которого селекторы перечислены через запятые?

    Ответ. Связь такого определение с элементами определяется как совокупность связей всех селекторов, входящих в состав составного селектора. Например, селектор EM,STRONG,.mark связывает определение со всеми элементами EM, STRONG, а также с элементами, в открывающем теге которых записан атрибут class="mark".

15. Какие определения называются контекстными?

    Ответ. Контекстными называются определения, работающие только при определенной комбинации вложенности элементов.

16. Какой символ используется для создания контекстного определения?

    Ответ. Для задания контекстного определения селекторы в его заголовке перечисляются через пробелы (пробел — символ-комбинатор селектора потомка) в порядке предполагаемой вложенности. Например, P EM.

17. С какими элементами связано контекстное определение?

    Ответ. Контекстное определение связано с элементами, которые удовлетворяют указанному в заголовке определения порядку вложенности. Например, селектор P EM связывает определение с теми элементами EM, которые вложены в элемент P (являются его потомками, не обязательно прямыми).

18. Что означает принцип наследования стилей?

    Ответ. Элемент сохраняет стили своего родителя, и сам передаёт приобретённый стиль по наследству своим потомкам.

19. Все ли стилевые свойства наследуются?

    Ответ. Не все свойства наследуются, например, не наследуется свойство border (описывает рамку элемента). В справочниках по свойствам CSS факт наследования всегда отмечается.

20. Что понимается под каскадированием стилей?

    Ответ. Под каскадированием стилей понимается принцип обработки множественных определений, заданных для одного элемента.

21. Сформулируйте общее правило каскадирования в терминах общее-частное.

    Ответ. Частное определение главнее общего.

22. Сформулируйте общее правило каскадирования в терминах потомок-родитель.

    Ответ. Стилевое определение потомка отменяет аналогичное определение родителя и передаётся по наследству.

23. Сформулируйте четыре детальных правила каскадирования.

    Ответ. Детальные правила каскадирования:

    1. Если для родительского элемента (например, BODY) задано стилевое определение, и оно не конфликтует со стилевыми определениями, заданными для потомка (например, для P), то стилевое определение родителя наследуется потомком.
    2. Стилевое определение потомка (например, P) главнее аналогичных определений родителя (например, BODY).
    3. Стилевое определение в теге главнее стилевого определения в головной части HTML-кода, а последнее главнее определений, заданных в отдельном стилевом файле.
    4. Если задано несколько конфликтующих стилевых определений равного каскадного веса, то действует последнее из них. Например, текст в абзаце <P style="color:red;color:blue"> будет синего цвета.

вверх | возврат