CSS (Selectors, Appearance, & Files) 1

Question 1

In this example, what kind of selector is being used?
p {line-height: 150%;}

Accepted Answer

element Selectors

Answer

In the CSS snippet `p {line-height: 150%;}`, `p` is an element selector. Element selectors target all instances of a specific HTML element type, such as all `

` (paragraph) tags in this case. This allows for styling all elements of a particular type uniformly across a webpage, applying the defined styles to every matching element.

Question 2

Any tag with an id attribute set is selected by which of the following selectors?

Accepted Answer

#id

Answer

The `#id` selector is used in CSS to target an HTML element based on its unique `id` attribute. The hash symbol (`#`) specifically denotes an ID selector, ensuring that only the element with that particular ID will have the styles applied. This makes it a powerful tool for applying styles to a single, specific element on a webpage.

Question 3

What will the outcome of the code snippet below be?
p strong {background-color: yellow;}

Accepted Answer

Strong element within a p element have a yellow background

Answer

The CSS selector `p strong` is a descendant selector. It targets all `` elements that are nested inside a `
` (paragraph) element, regardless of how deep they are. Therefore, only `` tags that are children or further descendants of a `
` tag will have their background color set to yellow, not all `` tags or the `
` tag itself.

Question 4

Direct descendents are selected by which of the following selectors?

Accepted Answer

E > F

Answer

The `E > F` selector is known as the child combinator. It specifically selects elements `F` that are direct children of an element `E`. This means `F` must be an immediate descendant of `E`, not a grandchild or any other deeper descendant, making it precise for targeting direct relationships.

Question 5

Siblings are selected by which of the following selectors?

Accepted Answer

E ~ F

Answer

The `E ~ F` selector is the general sibling combinator. It selects all `F` elements that are siblings of an `E` element, meaning they share the same parent. Additionally, `F` must appear after `E` in the document flow, but not necessarily immediately adjacent to it.

CSS Language Practice Test

CSS Language Practice Test

CSS (Selectors, Appearance, & Files) 1