CSS 層級選擇器

時間 2019-11-06

標籤 css 層級選擇器欄目 CSS 简体版

原文原文鏈接

CSS 層級選擇器css

注：使用空格分隔，塞選到最後一項應用。html

標籤選擇器下標籤選擇器字體

父標籤 --> 指定子標籤添加css屬性spa

<html>
<head>
    <!-- style 設置頭部標籤-->
    <style>
        /*只應用於span標籤下的div標籤*/
        span div{
               /* 改變背景顏色 */
            background-color: #2459a2;
            /* 改變字體顏色 */
            color: white;
        }
    </style>
</head>
<body>
    <span>
        <div>1</div>
        <div>1</div>
    </span>
</body>
</html>

class選擇器下標籤選擇器code

含「c1」class屬性的標籤 --> 內的div標籤設置css樣式htm

<html>
<head>
    <!-- style 設置頭部標籤 -->
    <style>
        /*含有.c1樣式下的div標籤有效 */
        .c1 div{
                /* 改變背景顏色 */
            background-color: #2459a2;
             /* 改變字體顏色 */
            color: white;
        }
    </style>
</head>
<body>
    <span class="c1">
        <div>1</div>
        <div>1</div>
    </span>
</body>
</html>

相關標籤/搜索