in this question you have a html code you should take this code and add a css code to the same html code to style the web page following this 23 points below important note you should use internal css (add the css code in the head part of the html code )

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

23. For the first paragraph on the page, change the font-color to blue.

***code in picture ***

Advanced Selectors" src="35_files/image041.jpg" style="height:822px; width:1024px" />

****code in text so you can copy it and add the css code to the head part ****

Advanced Selectors

Warning: This is for those who know basic selectors

This class is for Advanced Selectors in CSS

I want to be red color

I am a level 2 heading inside an article. I want to be color green. Also I want to be underlined

I am also a level 2 heading inside the div which is inside the article. I also want to be green

I an just a normal paragraph but I want to be italics

I want to be red color too and ALL CAPS

Some Links:

• King Faisal University

• Web-based Systems

• Free Icons for your designs

• Advanced Web-based Systems

• Free Vectors for your designs

Name

Email Address

Gender

Male

Female

Football Line up

Number

Name

Position

Height

Weight

8

Marco Belinelli

G

6-5

195

5

Carlos Boozer

F

6-9

266

21

Jimmy Butler

F

6-7

220

22

Taj Gibson

F

6-9

225

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 elements on a page.Up until recently the focus of CSS never really touched on selectors.

Occasionally there would be incremental updates within the selectors specification, but never any real ground breaking improvements.

Fortunately, more attention has been given to selectors as of late, taking a look at how to select different types of elements and elements in different states of use.

CSS3 brought new selectors, opening a whole new world of opportunities and improvements to existing practices.