gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Filtered out text-decoration and added more descriptions

Browse Source
This commit is contained in:
boyinstruggle
2017-02-26 12:29:07 +08:00
parent ba1093c42f
commit 31cb7279a4
1 changed files with 5 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
challenges/01-responsive-web-design/applied-visual-design.json
View File

@ -1161,10 +1161,11 @@
"id": "587d781d367417b2b2512ac8", "id": "587d781d367417b2b2512ac8",
"title": "Adjust the Hover State of an Anchor Tag", "title": "Adjust the Hover State of an Anchor Tag",
"description": [ "description": [
"Following from the previous challenge, the styling of the anchor tag can be changed for its hover state using the <code>:hover</code> 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 <code>:hover</code> pseudo-class selector. Here's an example that changes the color of the anchor tag to red during its hover state:",
"<blockquote>a:hover {<br> color: red;<br>}</blockquote>",
"<hr>", "<hr>",
"Change the <code>a</code> tag's CSS so when the user hovers over it, the <code>color</code> is blue and the underline is removed.", "Change the <code>a</code> tag's CSS so that when the user hovers over it, the <code>color</code> is blue."
"<strong>Note</strong><br>You can remove underlining of anchor tags using the <code>text-decoration</code> property set to none."
], ],
"challengeSeed": [ "challengeSeed": [
"<style>", "<style>",
@ -1179,7 +1180,7 @@
], ],
"tests": [ "tests": [
"assert($('a').css('color') == 'rgb(0, 0, 0)', 'message: The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.');", "assert($('a').css('color') == 'rgb(0, 0, 0)', 'message: The anchor tag <code>color</code> should remain black, only add CSS rules for the <code>:hover</code> state.');",
"assert(code.match(/(?:a:hover\\s*?{\\s*?color:\\s*?blue;\\s*?text-decoration:\\s*?none;\\s*?}|a:hover\\s*?{\\s*?text-decoration:\\s*?none;\\s*?color:\\s*?blue;\\s*?})/gi), 'message: The anchor tag should have a <code>color</code> of blue and no underline on hover.');" "assert(code.match(/a:hover\\s*?{\\s*?color:\\s*?blue;\\s*?}/gi), 'message: The anchor tag should have a <code>color</code> of blue on hover.');"
], ],
"solutions": [], "solutions": [],
"hints": [], "hints": [],