Tutorials
Start Learning
Learn HTML
Learn CSS
Learn JavaScript
TUTORIALS
THE WORLD'S LARGEST WEB DEVELOPER SITE
Exercise:
Change the color of <p> elements, that are the siblings of a <div> element, to "red".
Hint
Hint: To select siblings, seperate the selectors with ~.
Check Your Code
Show Answer
Hide Answer
<!DOCTYPE html> <html> <head> <style> </style> </head> <body> <div> <p>This is a paragraph inside a div element.</p> <p>This is another paragraph inside a div element.</p> <span><p>This a paragraph inside a span element, inside a div element.</p></span> </div> <p>This is a paragraph, not inside a div element.</p> <p>This is another paragraph, not inside a div element.</p> </body> </html>
<!DOCTYPE html> <html> <head> <style> div ~ p { color: red; } </style> </head> <body> <div> <p>This is a paragraph inside a div element.</p> <p>This is another paragraph inside a div element.</p> <span><p>This a paragraph inside a span element, inside a div element.</p></span> </div> <p>This is a paragraph, not inside a div element.</p> <p>This is another paragraph, not inside a div element.</p> </body> </html>
Top Tutorials
HTML Tutorial
CSS Tutorial
JavaScript Tutorial
Top References
HTML Reference
CSS Reference
JavaScript Reference
Top Examples
HTML Examples
CSS Examples
JavaScript Examples
Web Certificates
HTML Certificate
CSS Certificate
JavaScript Certificate