Sublime Text
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style> h1.css ~ p { color: red; } </style> </head> <body> <div> <h1 class="html">1) Tài liệu học HTML</h1> <p>- Bài học số 01</p> <p>- Bài học số 02</p> <span>- Bài học số 03</span> <p>- Bài học số 04</p> <span>- Bài học số 05</span> </div> <div> <h1 class="css">1) Tài liệu học CSS</h1> <p>- Bài học số 01</p> <p>- Bài học số 02</p> <span>- Bài học số 03</span> <p>- Bài học số 04</p> <span>- Bài học số 05</span> </div> </body> </html>
<!DOCTYPE html> <html> <head> <title>Xem ví dụ</title> <style> h1.css ~ p { color: red; } </style> </head> <body> <div> <h1 class="html">1) Tài liệu học HTML</h1> <p>- Bài học số 01</p> <p>- Bài học số 02</p> <span>- Bài học số 03</span> <p>- Bài học số 04</p> <span>- Bài học số 05</span> </div> <div> <h1 class="css">1) Tài liệu học CSS</h1> <p>- Bài học số 01</p> <p>- Bài học số 02</p> <span>- Bài học số 03</span> <p>- Bài học số 04</p> <span>- Bài học số 05</span> </div> </body> </html>