wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

CSS СЕЛЕКТОРЫ + ПСЕВДОКЛАССЫ + ПСЕВДОЭЛЕМЕНТЫ

Total questions: 15

Worksheet time: 8mins

Name
Class
Date
1.

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

a)

.class

b)

#id

c)

[attribute]

d)

*

2.

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

a)

:hover

b)

:active

c)

:focus

d)

:visited

3.

Какой селектор используется для выбора всех ДОЧЕРНИХ элементов определенного родительского элемента?

a)

>

b)

+

c)

~

d)

,

4.

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

a)

:hover

b)

:active

c)

:focus

d)

:visited

5.

Какой селектор используется для выбора СОСЕДНЕГО элемента?

a)

>

b)

+

c)

~

d)

,

6.

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

a)

:hover

b)

:active

c)

:focus

d)

:visited

7.

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

a)

::before

b)

::after

c)

::first-line

d)

::selection

8.

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

a)

.class

b)

#id

c)

[attribute]

d)

*

9.

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

a)

:hover

b)

:active

c)

:focus

d)

:visited

10.

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

a)

.class

b)

*

c)

#id

d)

[attribute]

11.

В чем разница вложенных и дочерних селекторов?

a)

Вложенные селекторы используют пробел для обозначения вложенности, дочерние селекторы используют знак >

b)

Вложенные селекторы позволяют выбирать любые элементы, вложенные в другой элемент, дочерние селекторы позволяют выбирать только прямых потомков.

c)

Вложенные селекторы используют более сложную синтаксическую конструкцию, дочерние селекторы более простые и читаемые.

d)

Вложенные селекторы выбирают элементы, которые находятся внутри других элементов, независимо от их уровня вложенности. Дочерние селекторы выбирают только непосредственные дочерние элементы.

12.

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

a)

::before

b)

::after

c)

::first-line

d)

::selection

13.

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

a)

.class

b)

#id

c)

[attribute]

d)

*

14.

У какого элемента самый высокий приоритет?

a)

*

b)

атрибут style

c)

.class

d)

#id

15.

Какие существуют основные типы селекторов в CSS ?

a)

Простые селекторы, групповые селекторы, комбинаторные селекторы.

b)

Универсальные селекторы, селекторы типа, селектор идентификатора, селекторы класса, селекторы атрибутов, мультиселекторы, вложенные селекторы, дочерние, родственные и соседние

c)

Структурные селекторы, семантические селекторы, атрибутивные селекторы

d)

Глобальные селекторы, локальные селекторы, вложенные селекторы.