Use only three context selectors SPACE, >, and +, add document level CSS code to the HTML file below to implement styles required in the body portion of the HTML file.
<body> <p> Here should be yellow </p>
<div><p> Here should be cyan </p>
<div>Content of this division should be brown <p> Some text </p>
</div>
<p> Here should be red </p>
<p> Here should be green </p>
<div>
<div><p> Here should be brown </p>
</div>
<div>
<p> Here should be pink </p>
</div>
</div> </div>
<p> Here should be blue </p> </body>
Note:
1) Only three context selectors specified above can be used. Using
other
selectors, inline CSS or external CSS, will cause 50 points
deduction.
2) Use as least number of selectors as possible, otherwise 10
points deduction will be
applied.
body > p{
color: yellow;
}
div{
color: brown;
}
div > p {
color: cyan;
}
div + p {
color: red;
}
div + p + p {
color: green;
}
div div p {
color: brown;
}
div div + div p {
color: pink;
}
body > div + p {
color: blue;
}
Use only three context selectors SPACE, >, and +, add document level CSS code to the...