Code.org: Unit 2: Lesson 18 - CSS Pseudo-classes

What is a CSS pseudo-class, and how does it change the way an element looks or behaves on a web page?

What is a CSS pseudo-class, and how does it change the way an element looks or behaves on a web page?

What is a CSS pseudo-class, and how does it change the way an element looks or behaves on a web page?

How might you use pseudo-classes in your group's project to enhance the aesthetics and functionality of your website?

Did you enjoy your HTML, CSS, JS, PHP classes?

Which of the following code snippets will select all <img> tags on a page and give them a height of 200 pixels?

• <img >

• tag="img" { height: 200px; }

• <img> { height: 200px; }

• img { height: 200px; }

Which of the following is a valid CSS rule?

• h1 { color: blue; }

• css="color:blue;"

• h1 { color { blue; } }

• style:"color=blue;"

Which of the following code snippets will select all HTML elements with the class “alert” and set their color to be red?

• alert {color: red;}

• .alert {color: red;}

• #alert {color: red;}

• class="alert" {color: red;}

What does a class do?

• adds color to words

• adds style to specific elements

• adds style to a whole page

• adds a lot more work