CSS Selectors

What is the purpose of an id selector in CSS?

• To change the font size of all elements on a webpage.

• To create a new HTML element on a webpage.

• To uniquely identify a specific HTML element on a webpage.

• To apply styling to all elements with the same class name.

How is a class selector denoted in CSS?

• .class

• #example

• *example

• .example

Which selector selects all elements in a document?

• @

• *

• .

• #

What does an attribute selector target in CSS?

• HTML elements based on the presence of a certain attribute or the value of that attribute

• HTML elements based on the background color

• HTML elements based on the font size

• HTML elements based on the text content

Explain the functionality of a child selector in CSS.

• The child selector in CSS selects all descendants of a parent element

• A child selector in CSS is used to style sibling elements

• The functionality of a child selector in CSS is to select only the direct child elements of a parent element.

• Child selectors in CSS are only applicable to text elements

Differentiate between descendant and child selectors in CSS.

• Child selectors use a colon (e.g., div : p)

• Descendant selectors use a space (e.g., div p) while child selectors use the > symbol (e.g., div > p).

• Descendant selectors use a greater than symbol (e.g., div > p)

• Descendant selectors use a comma (e.g., div, p)

When would you use a general sibling selector in CSS?

• When you want to select elements that are siblings of a specified element

• When you want to select elements based on their position in the DOM

• When you want to select parent elements

• When you want to select elements with a specific class

Describe the functionality of an adjacent sibling selector in CSS.

• The adjacent sibling selector in CSS is denoted by the asterisk sign (*) and selects an element that is immediately preceded by a specified element.

• The adjacent sibling selector in CSS is denoted by the hash sign (#) and selects an element that is immediately followed by a specified element.

• The adjacent sibling selector in CSS is denoted by the minus sign (-) and selects an element that is immediately followed by a specified element.

• The adjacent sibling selector in CSS is denoted by the plus sign (+) and selects an element that is immediately preceded by a specified element.

How would you select an element with the id 'example' in CSS?

• id:example

• .example

• #example

• #id-example

Give an example of using a class selector in CSS.

• .sample { ... }

• div.example { ... }

• #example { ... }

• .example { ... }