HTML Code :
<!DOCTYPE html><!-- Document type declaration -->
<html><!-- Opening HTML tag -->
<head><!-- Head section containing metadata -->
<meta charset="utf-8"><!-- Character encoding declaration -->
<title>CSS Child selector</title><!-- Title of the HTML document -->
</head><!-- Closing head tag -->
<body><!-- Body section of the HTML document -->
<ul><!-- Unordered list -->
<li>My color will be changed</li><!-- List item -->
<li>My color will be changed</li><!-- List item -->
<ol><!-- Ordered list (nested) -->
<li>My color will not be changed</li><!-- List item -->
<li>My color will not be changed</li><!-- List item -->
</ol><!-- Closing ordered list -->
<li>My color will be changed</li><!-- List item -->
</ul><!-- Closing unordered list -->
</body><!-- Closing body tag -->
</html><!-- Closing HTML tag -->
Explanation:
Live Demo:
See the Pen child-selectors-answer by w3resource (@w3resource) on CodePen.
Supported browser
What is the difficulty level of this exercise?
Test your Programming skills with w3resource's quiz.
RetroSearch is an open source project built by @garambo | Open a GitHub Issue
Search and Browse the WWW like it's 1997 | Search results from DuckDuckGo
HTML:
3.2
| Encoding:
UTF-8
| Version:
0.7.4