HTML+CSS Easy Start Child Selector
Sub-selector
Syntax:
E1 > E2 {
?????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????????}
Select all E2 as sub-objects of E1
Instance:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>子選擇器</title> <style type="text/css"> body>div{ color:red; font-size:20px; } </style> </head> <body> <div>中華民族偉大復(fù)興! <ul> <li>中國(guó)</li> <li>中國(guó)</li> </ul> </div> <p>你知道我的夢(mèng),知道我的痛,知道我們感受都相同</p> <span>最美的太陽(yáng)</span> <h3>中國(guó)夢(mèng)</h3> </body> </html>
Note: First find the body and then go to the following div div All elements use style