CSS Class Selector Quiz: Test Your Knowledge of CSS Styling

📚 Quick Study Guide

🔍 A CSS class selector selects HTML elements with a specific class attribute.

💡 Class selectors are defined with a period (.) character, followed by the class name.

📝 Example: `.myClass { color: blue; }` will apply the blue color to all elements with `class="myClass"`.

🎨 Multiple classes can be applied to an element: `
`. The order can matter depending on CSS specificity.

💪 Specificity determines which CSS rule is applied if multiple rules conflict. Class selectors have higher specificity than element selectors.

🌍 You can chain classes for more specific styling: `.class1.class2 { ... }` will only apply to elements that have *both* `class1` and `class2`.

➕ Class names are case-sensitive.

🧪 Practice Quiz

1. Which character is used to denote a class selector in CSS?
   1. #
   2. .
   3. >
   4. :
2. Which of the following CSS rules targets all elements with the class "highlight"?
   1. element.highlight { ... }
   2. #highlight { ... }
   3. .highlight { ... }
   4. highlight { ... }
3. What HTML attribute is used to assign a class to an HTML element?
   1. id
   2. class
   3. style
   4. name
4. If an element has two classes, "red" and "bold", and both define the color property, which color will be applied if "bold" is defined later in the CSS?
   1. The "red" color
   2. The "bold" color
   3. It depends on the element type
   4. It's undefined and browser-dependent
5. Which CSS selector targets an element that has *both* class "active" and class "button"?
   1. .active, .button
   2. .active .button
   3. .active.button
   4. .active > .button
6. What is the specificity of a class selector?
   1. Lower than an ID selector but higher than an element selector
   2. Lower than both an ID selector and an element selector
   3. Higher than both an ID selector and an element selector
   4. The same as an element selector
7. Which of the following is NOT a valid class name?
   1. .my-class
   2. ._myClass
   3. .123class
   4. .myClass123