zoukankan      html  css  js  c++  java
  • 教你玩转CSS 分组选择器和嵌套选择器

    分组选择器

    在样式表中有很多具有相同样式的元素。

        h1 {
            color:green;
        }
        h2 {
            color:green;
        }
        p {
            color:green;
        }

    为了尽量减少代码,你可以使用分组选择器。

    每个选择器用逗号分隔。

    在下面的例子中,我们对以上代码使用分组选择器:

        h1,h2,p {
            color:green;
        }

    嵌套选择器

    它可能适用于选择器内部的选择器的样式。

    在下面的例子设置了三个样式:

    • p{ }: 为所有 p 元素指定一个样式。
    • .marked{ }: 为所有 class=“marked” 的元素指定一个样式。
    • .marked p{ }: 为所有 class=“marked” 元素内的 p 元素指定一个样式。
    • p.marked{ }: 为所有 class=“marked” 的 p 元素指定一个样式。

        p
        {
        color:blue;
        text-align:center;
        }
        .marked
        {
        background-color:red;
        }
        .marked p
        {
        color:white;
        }
        p.marked{
        text-decoration:underline;
        }
  • 相关阅读:
    硬件调试软件
    ICMP(Internet Control Message Protocol)
    算法网站
    下载安装
    netcat 实现端口转发
    mqtt 连接工具
    Linux(CentOS7)安装zip、unzip命令
    awk 两个字符串互换位置
    创建一个swift项目
    屏幕录制
  • 原文地址:https://www.cnblogs.com/chenchunbo/p/14413298.html
Copyright © 2011-2022 走看看