CSS 組合選擇器

時間 2019-11-06

標籤 css 組合選擇器欄目 CSS 简体版

原文原文鏈接

CSS 組合選擇器css

注：使用逗號分隔，同時應用。html

多個id選擇器拼接到一塊兒字體

含有：i1 i2 i3的標籤同時應用css樣式。 spa

<html>
<head>
    <!-- style 設置頭部標籤 -->
    <style>
       /*可將多個id選擇器名稱拼接到一組*/
        #i1,#i2,#i3{
            /* 改變背景顏色 */
            background-color: #2459a2;
            /* 改變字體顏色 */
            color: white;
        }
    </style>
</head>
<body>
    <div id="i1">1</div>
    <div id="i2">2</div>
    <div id="i3">3</div>
</body>
</html>

多個class選擇器拼接到一塊兒code

含有：i1 i2 i3的標籤同時應用css樣式。 htm

<html>
<head>
    <!-- style 設置頭部標籤 -->
    <style>
        /*可將多個class類選擇器名稱拼接到一組*/
        .i1,.i2,.i3{
            background-color: #2459a2;
            color: white;
        }
    </style>
</head>
<body>
    <div class="i1">1</div>
    <div class="i2">2</div>
    <div class="i3">3</div>
</body>
</html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。