首页前端开发CSS对选择器和声明分组的不同方法

对选择器和声明分组的不同方法

时间2024-05-27 00:30:03发布访客分类CSS浏览65
导读:下例中的所有规则分组都是等价的,每个组只是展示了对选择器和声明分组的不同方法: /* group 1 */ h1 {color:silver; background:white;} h2 {color:silver; background...

下例中的所有规则分组都是等价的,每个组只是展示了对选择器和声明分组的不同方法:

/* group 1 */
h1 {
    color:silver;
     background:white;
}

h2 {
    color:silver;
     background:gray;
}

h3 {
    color:white;
     background:gray;
}

h4 {
    color:silver;
     background:white;
}

b {
    color:gray;
     background:white;
}

/* group 2 */
h1, h2, h4 {
    color:silver;
}

h2, h3 {
    background:gray;
}

h1, h4, b {
    background:white;
}

h3 {
    color:white;
}

b {
    color:gray;
}

/* group 3 */
h1, h4 {
    color:silver;
     background:white;
}

h2 {
    color:silver;
}

h3 {
    color:white;
}

h2, h3 {
    background:gray;
}

b {
    color:gray;
     background:white;
}
    

亲自试一试:

  • group 1
  • group 2
  • group 3

请注意,group 3 中使用了"声明分组"。稍后我们会为您介绍"声明分组"。

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!


若转载请注明出处: 对选择器和声明分组的不同方法
本文地址: https://pptw.com/jishu/668828.html
海外服务器使用CDN加速有什么好处 伪元素

游客 回复需填写必要信息