diff --git a/challenges/01-responsive-web-design/applied-visual-design.json b/challenges/01-responsive-web-design/applied-visual-design.json index f52aff3dd2..c20bdef953 100644 --- a/challenges/01-responsive-web-design/applied-visual-design.json +++ b/challenges/01-responsive-web-design/applied-visual-design.json @@ -1161,10 +1161,11 @@ "id": "587d781d367417b2b2512ac8", "title": "Adjust the Hover State of an Anchor Tag", "description": [ - "Following from the previous challenge, the styling of the anchor tag can be changed for its hover state using the :hover pseudo-class selector.", + "This challenge will touch on the usage of pseudo-classes. A pseudo-class is a keyword that can be added to selectors, in order to select a specific state of the element.", + "Following from the previous challenge, the styling of the anchor tag can be changed for its hover state using the :hover pseudo-class selector. Here's an example that changes the color of the anchor tag to red during its hover state:", + "
a:hover {
color: red;
}
", "
", - "Change the a tag's CSS so when the user hovers over it, the color is blue and the underline is removed.", - "Note
You can remove underlining of anchor tags using the text-decoration property set to none." + "Change the a tag's CSS so that when the user hovers over it, the color is blue." ], "challengeSeed": [ "