learn-co-students/css-essentials-quiz-seattle-web-010620

CSS Essentials Quiz

???

CSS Essentials Quiz

?: CSS stands for Cascading Style Sheet.

(X) TRUE ( ) FALSE

?: It is impossible to validate CSS to check if it is correct.

( ) TRUE (X) FALSE

?: Which of the following code demonstrates a CSS comment?

( ) // This is a comment in CSS (X) /* This is a comment in CSS */ ( ) <!-- This is a comment in CSS --> ( ) # This is a CSS comment

?: Which is the correct (and most specific) CSS selector statement to select the text inside the HTML element and change the text color to red in the following example:

<p>Lorem Ipsum</p>

( ) p > { color: red } ( ) p { text-color: red; } (X) p { color: red; } ( ) None of the above.

?: Which is the correct (and most specific) CSS selector statement to change the text color of the first <li> element to red in the following example:

<ul>
   <li class="redtext">Gravy</li>
   <li>Turkey</li>
   <li>Potato</li>
</ul>

(X) .redtext { color: red; } ( ) #redtext { color: red; } ( ) li > redtext { color: red; } ( ) None of the above.

?: Which is the correct (and most specific) CSS selector statement to select the text inside the HTML element and change the text color to red in the following example:

<div id="media">
   Lorem Ipsum Dolores.
</div>

( ) .media { color: red; } ( ) div > media { color: red; } (X) #media { color: red; } ( ) None of the above.

?: You can apply multiple CSS IDs to the same element.

( ) TRUE (X) FALSE

?: You can apply multiple CSS Classes to the same element.

(X) TRUE ( ) FALSE

?: In the following example, p is a:

p { color: red; }

(X) Selector ( ) Property ( ) Value ( ) Declaration

?: In the following example, color: red; is a:

p { color: red; }

( ) Selector ( ) Property ( ) Value (X) Declaration

?: In the following example, color is a:

p { color: red; }

( ) Selector (X) Property ( ) Value ( ) Declaration

?: In the following example, red is a:

p { color: red; }

( ) Selector ( ) Property (X) Value ( ) Declaration

?: In the following example, which is the correct (and most specific) CSS selector statement to select all of the descendants <li> inside of <ul id="salsa"> and style their text color red?

Note: only style <li> inside <ul id="salsa">, NOT <li> elsewhere in the page.

<ul id="salsa">
   <li>Hot</li>
   <li>Medium</li>
   <li>Mild</li>
</ul>

( ) ul li { color: red; } (X) #salsa li { color: red; } ( ) li.salsa { color: red; } ( ) .salsa #li { color: red; }

?: Which is the correct (and most specific) CSS selector statement to select the text inside the HTML element and change the text color to red when the user hovers over it with their mouse?

<a href="index.html">Home</a>

( ) #hover { color: red; } ( ) a.hover { color: red; } (X) a:hover { color: red; } ( ) None of the above.

?: The Developer Tools can be used to see the given CSS styles applied to a specific element and can be used to preview style changes in the browser.

(X) TRUE ( ) FALSE

???