> adv-selectors.html > CHILDREN SELECTORS 1. Color all

children (descendents) of

as green color 2. Underline

which is only direct child of

SIBLING SELECTORS 3. Color all paragraph siblings of #title to be red color 4. Make the paragraph that is immediately after the article as Upper Case 5. Can you make the paragraph on Line 46 as Italics? (Important) ATTRIBUTE SELECTORS 6. For all links that are secure (https), change their color to be green 7. For all links that are going to open in a new page, remove their underline. 8. For all links that have an html file extension in the end, change their font-size to be 8px; 9. For all links that have a class of KFU, make them italics 10. For all links that have CCSIT in them, make them ALL CAPS 11. For all links that are not secure (http), change their color to be red PSEUDO-CLASS SELECTORS 12. When the links are hovered, their background should be black and font color should be white 13. When the links are visited, their color should be blue with no underline 14. When the links are clicked (active), their color should be orange 15. For all required form elements, change the background color to red and font-color to be white 16. For the email address, if a valid address is entered, change the font color to green 17. For the email address, if an invalid address is entered, change the font color to red 18. Color all the even rows in the table with a background color of grey 19. Make the text of all the odd rows of the table as BOLD TOUGH PSEUDO-CLASS 20. If the radio button for gender is selected, change the color of its label to green PSEUDO-ELEMENT SELECTOR 21. For the last paragragh, change the font-size for the first letter (s) to 30px 22. For the last paragraph, change the font-color of the the first line to green BONUS 23. For the first paragraph on the page. change the font-color to blue. File Edit Selection View Go Run Terminal Help adv-selectors.html - web labs - Visual Studio Code II DIA selectors.html selectors-dynamic.html adv-selectors.html . lab4 > > adv-selectors.html > ... 78 Email Address 79 80
81 Gender 82 Male 83 Female 84
85 86 87

Football Line up

89 90 91 92 93 94 3 95 96 97 98 99 108 101 102 103 8 104 105 106 107 040 In 13, Col 66 Spaces: 2 UTF-8 LH HIML A Port : 5500 Prettier 2:31 AM ENG 2/12/2021 HE Type here to search ! a File Edit Selection View Go Run Terminal Help adv-selectors.html - web labs - Visual Studio Code selectors.html selectors-dynamic.html adv-selectors.html II lab4 > > adv-selectors.html > ... 103 NE 104 105 106 107 108 109 110 111 A 112 113 114 115 116 117 118 119 12e 121 122 123 124 125 126 127 128 129

Number	Name	Position	Height	Weight
8	Marco Belinelli		6-5	195
	6-5	195
5	Carlos Boozer		6-9	266
21	Jimmy Butler	F	6-7	22e
22	Taj Gibson	F	6-9	225

138

131

Selectors are one of, if not, the most important parts of css. They shape the cascade and determine how styles are to be applied to 132

040 In 13, Col 66 Spaces: 2 UTF-8 LH HIML Port:5500 Prettier HE 2:31 AM Type here to search a @ ENG 2/12/2021 A > adv-selectors.html > CHILDREN SELECTORS 1. Color all

children (descendents) of

as green color 2. Underline

which is only direct child of

SIBLING SELECTORS 3. Color all paragraph siblings of #title to be red color 4. Make the paragraph that is immediately after the article as Upper Case 5. Can you make the paragraph on Line 46 as Italics? (Important) ATTRIBUTE SELECTORS 6. For all links that are secure (https), change their color to be green 7. For all links that are going to open in a new page, remove their underline. 8. For all links that have an html file extension in the end, change their font-size to be 8px; 9. For all links that have a class of KFU, make them italics 10. For all links that have CCSIT in them, make them ALL CAPS 11. For all links that are not secure (http), change their color to be red PSEUDO-CLASS SELECTORS 12. When the links are hovered, their background should be black and font color should be white 13. When the links are visited, their color should be blue with no underline 14. When the links are clicked (active), their color should be orange 15. For all required form elements, change the background color to red and font-color to be white 16. For the email address, if a valid address is entered, change the font color to green 17. For the email address, if an invalid address is entered, change the font color to red 18. Color all the even rows in the table with a background color of grey 19. Make the text of all the odd rows of the table as BOLD TOUGH PSEUDO-CLASS 20. If the radio button for gender is selected, change the color of its label to green PSEUDO-ELEMENT SELECTOR 21. For the last paragragh, change the font-size for the first letter (s) to 30px 22. For the last paragraph, change the font-color of the the first line to green BONUS 23. For the first paragraph on the page. change the font-color to blue. File Edit Selection View Go Run Terminal Help adv-selectors.html - web labs - Visual Studio Code II DIA selectors.html selectors-dynamic.html adv-selectors.html . lab4 > > adv-selectors.html > ... 78 Email Address 79 80
81 Gender 82 Male 83 Female 84
85 86 87

Football Line up

89 90 91 92 93 94 3 95 96 97 98 99 108 101 102 103 8 104 105 106 107 040 In 13, Col 66 Spaces: 2 UTF-8 LH HIML A Port : 5500 Prettier 2:31 AM ENG 2/12/2021 HE Type here to search ! a File Edit Selection View Go Run Terminal Help adv-selectors.html - web labs - Visual Studio Code selectors.html selectors-dynamic.html adv-selectors.html II lab4 > > adv-selectors.html > ... 103 NE 104 105 106 107 108 109 110 111 A 112 113 114 115 116 117 118 119 12e 121 122 123 124 125 126 127 128 129

Number	Name	Position	Height	Weight
8	Marco Belinelli		6-5	195
	6-5	195
5	Carlos Boozer		6-9	266
21	Jimmy Butler	F	6-7	22e
22	Taj Gibson	F	6-9	225

138

131

Selectors are one of, if not, the most important parts of css. They shape the cascade and determine how styles are to be applied to 132 040 In 13, Col 66 Spaces: 2 UTF-8 LH HIML Port:5500 Prettier HE 2:31 AM Type here to search a @ ENG 2/12/2021 A