<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>CSS Child Selectors</title> <style> ul > li { list-style: circle; } ul > li ol { list-style: none; } </style> </head> <body> <ul> <li><a href="#">Apple</a></li> <li><a href="#">Orange</a></li> <li> <a href="#">Banana</a> <ol> <li><a href="#">Papaya</a></li> <li><a href="#">Green apple</a></li> </ol> </li> <li><a href="#">Mango</a></li> </ul> </body> </html>