selectors

Question 1

type selector

Answer 1

any HTML tag

h1 {}

p {}

section {}

etc.

Question 2

class selector

Answer 2

selects the elements under the same class

.text-quote {}
.container {}

Question 3

attribute selector

Answer 3

A selector that allows you to select an element based on the presence of a specific attribute

a[title] {

}

a[href=”https://google.com”] {}

Question 4

What is a psuedo-class?

Answer 4

A selector that chooses elements in a specific state.

a:hover {}

Question 5

What is a pseudo-element?

Answer 5

A selector that choose only part of an element.

p::first-line {}

Question 6

What is the universal selector?

Answer 6

• {}

Question 7

What is an id selector?

Answer 7

first-form-field {}

selects the one element with a specified id.

Question 8

What are the user action pseudo-classes?

Answer 8

:hover //matches when a user hovers the pointer on the element

:active //matches when an item is being activated ‘click on’ by the user

:focus //matches when the element has focus

:focus-visible
:focus-within