Question: 1) Given the HTML below ( do not modify the HTML), create a CSS which will: a) By default, make all text colors blue except


1) Given the HTML below ( do not modify the HTML), create a CSS which will:

a) By default, make all text colors blue except within the second div element make the second inner paragraph green, and make the outer non div paragraph red, and the outer list element pink

b) Another different way to create css to achieve the result in a

c) As a separate case, make the text elements of the two div elements red , except for the second div make all paragraphs blue and italic and also make the outer div list cyan.

d) Another different way to achieve c)

e) As a separate case, create css to make all the text elements of the HTML page alternate between blue

Red and green

f) Another different way to achieve e)

g) As another separate case , create css to make the div paragraphs red, but the first paragraph of the second div element cyan

h) Another way to achieve g)

NOTE THAT A SEPARATE CASE CAN BE GENERATED BY MODIFYING ONLY ONE OR MORE SELECTOR TERMS

IF YOU FIND THAT ANY OF THESE OUTPUTS CANNOT BE ACHIEVED, STATE WHY THEY CANNOT


I'm a first paragraph, what color am I ?



Im a second paragraph



  • I'm a list item;what color am I?


I'm a third paragraph; what color am I?



I'm a fourth paragraph, what color am I ?




  • I'm another list item;what color am I?

2) Given the following HTML for a table, answer these question as cumulative cases ( the successor question extends its predecessor case)

a) Modify the html to add a column before and after the existing columns column called First Assessment , and Second Assessment and then modify the html to

Extend the data in the rows ( you may use arbitrary numbers)

b) Make the first half of the table text elements background color blue and the second half of the table text background colors red using a combination of css and html modification

c) Another way to achieve b}

d) First make the text color of the first and last data items of the first and last data rows yellow, and then the inner data elements of the first and last data row pink, and make the second row all text red except for the third and fifth text elements in the row ( use combination of css and html modification)


TABLE with STYLE SHEET



Step by Step Solution

There are 3 Steps involved in it

1 Expert Approved Answer
Step: 1 Unlock blur-text-image
Question Has Been Solved by an Expert!

Get step-by-step solutions from verified subject matter experts

Step: 2 Unlock
Step: 3 Unlock

Students Have Also Explored These Related Programming Questions!