WorksheetsCSS class - id
Total questions: 15
Worksheet time: 17mins
This tag allows you to define a new section in an HTML document:
<style> </style>
<div></div>
.div
#div
The difference between the class selector and ID selector is...
The identifier ID is created using a dot (.) and the class uses a # symbol.
a class must be used just once whereas an Id can be applied multiple times on the HTML.
a Class can be used by multiple HTML elements, while an Id must only be used by one HTML.
This must be a unique element used in HTML
This image presents a single selector sharing identical properties for multiple tags with a similar nature...
#example { represents the creation of an ID selector, but if you want to call it on a page, the code line you should type would be...
(a)
Observe the next code blocks, then choose where the ID is correctly used:
_________ are used to select and style content that HTML pages store...
Id selector
class selector
element selector
all are correct
Observe the next code blocks, then choose where the ID was correctly applied:
In the previous image, the class selector was applied, but the correct (and most specific) code line to change the text color of the first <li> element to red would be...
.redtext { color: red; }
#redtext { color: red; }
li > redtext { color: red; }
redtext{color:red};
Observe the next code blocks, then choose the best answer for the class selector.
What does the ID selector do?
Apply the style to some selective elements.
Apply the style to a specific element into HTML page.
Apply the style to a group of elements into HTML page.
Apply the style to all the elements in CSS.
In the next question, explain: What will be the tag element that changes when you apply the shown properties?
Choose the best code block that organizes most effectively this point and get the displayed result
If you want to style simultaneously the next elements using minimum code, the most effective code block would be...
Explain clearly the action that produces the use of this ID selector (#Ch2) on this page:
The code used to create a class selector is: .basic {
Type the correct code including the next properties to style a paragraph (color, font, size, text alignment) including the previous class. Remember to use the correct syntax.
