wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Комбинаторы CSS

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

Что такое селектор потомков в CSS?

a)

Селектор потомков в CSS выбирает только родительские элементы.

b)

Селектор потомков в CSS выбирает элементы, которые являются потомками другого элемента.

c)

Селектор потомков в CSS определяет порядок элементов на странице.

d)

Селектор потомков в CSS используется для стилизации изображений.

2.

Приведите пример селектора соседей в CSS.

a)

p ~ h1

b)

span + a

c)

h2 + div

d)

h1 + p

3.

Как работает селектор родителя в CSS?

a)

Селектор родителя в CSS не существует, но можно использовать :has() для стилизации родителя в зависимости от дочерних.

b)

Селектор родителя в CSS позволяет выбирать родительские элементы напрямую.

c)

Селектор родителя в CSS существует и работает как обычный селектор.

d)

Селектор родителя в CSS используется для стилизации дочерних элементов.

4.

Что такое селектор атрибутов и как его использовать?

a)

Селектор атрибутов используется только для выбора классов в CSS.

b)

Селектор атрибутов - это способ выбора элементов по их атрибутам в CSS.

c)

Селектор атрибутов - это метод создания новых атрибутов в HTML.

d)

Селектор атрибутов позволяет изменять стили элементов без использования CSS.

5.

Приведите пример селектора псевдокласса.

a)

:active

b)

:hover

c)

:focus

d)

:visited

6.

Что такое псевдоэлементы в CSS?

a)

Псевдоэлементы в CSS — это свойства для изменения цвета текста.

b)

Псевдоэлементы в CSS — это конструкции, позволяющие стилизовать части элементов, например, ::before и ::after.

c)

Псевдоэлементы в CSS — это атрибуты для добавления изображений.

d)

Псевдоэлементы в CSS — это классы для создания новых элементов.

7.

Какой селектор используется для выбора первого дочернего элемента?

a)

:first-child

b)

div:first-of-type

c)

:nth-child(2)

d)

:last-child

8.

Как выбрать все элементы с определённым атрибутом?

a)

Используйте метод getElementsByClassName в JavaScript.

b)

Примените селектор по классу в CSS.

c)

Выберите элементы по их текстовому содержимому.

d)

Используйте селектор атрибутов в CSS или метод querySelectorAll в JavaScript.

9.

Что делает селектор :hover?

a)

Изменяет стили элемента при наведении курсора мыши.

b)

Добавляет новый элемент при наведении курсора мыши.

c)

Удаляет элемент при наведении курсора мыши.

d)

Изменяет размеры элемента при наведении курсора мыши.

10.

Как выбрать элемент, который следует за другим элементом?

a)

Используйте селектор 'element > element' в CSS

b)

Выберите элемент с помощью 'element ~ element' в CSS

c)

Примените метод 'previousElementSibling' в JavaScript

d)

Используйте селектор 'element + element' в CSS или метод 'nextElementSibling' в JavaScript.

11.

Как использовать селектор :nth-child()?

a)

Селектор :nth-child() используется для стилизации всех элементов на странице.

b)

Селектор :nth-child() позволяет выбирать элементы по их порядковому номеру среди родительских.

c)

Селектор :nth-child() выбирает элементы по их классу.

d)

Селектор :nth-child() позволяет выбирать элементы по их атрибутам.

12.

Что такое селектор :first-child?

a)

:first-child - это селектор, который выбирает все дочерние элементы родителя.

b)

:first-child - это CSS-селектор, который выбирает первый дочерний элемент родителя.

c)

:first-child - это селектор, который выбирает последний дочерний элемент родителя.

d)

:first-child - это селектор, который выбирает только текстовые узлы в родителе.

13.

Как выбрать элементы с определённым классом и атрибутом?

a)

Используйте селекторы CSS: '.className[attribute="value"]'.

b)

Примените метод getElementsByClassName('className')

c)

Используйте селекторы JavaScript: document.querySelector('.className[attribute=value]')

d)

Выберите элементы по ID: '#elementId'

14.

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

a)

:first-child

b)

::last-of-type

c)

:nth-child(2)

d)

:last-child

15.

Что делает селектор :focus?

a)

Селектор :focus удаляет стиль элемента.

b)

Селектор :focus изменяет стиль элемента, находящегося в фокусе.

c)

Селектор :focus применяется ко всем элементам на странице.

d)

Селектор :focus изменяет стиль элемента при наведении мыши.