前端開發複合選擇器以後代選擇器

時間 2020-10-15

標籤 html spa code htm blog utf-8 get class meta 欄目 HTML 简体版

原文原文鏈接

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>我是中國人</title>
        
        <style>
            /* box標籤的全部後代li標籤 */
            .box li {
                background-color: red;
            }
        </style>
    </head>
    <body>
        <p>這是個段落標籤</p>
        <h1>這是個標題標籤</h1>
        
        <div class="box">
            <ul>
                <li>北京</li>
                <li>上海</li>
                <li>廣州</li>
            </ul>
        </div>
    </body>
</html>