美文网首页
CSS 分组与继承

CSS 分组与继承

作者: Jay_ZJ | 来源:发表于2019-06-01 00:31 被阅读0次

选择器分组

分组的选择器就可以分享相同的声明:

p, span, h1 {
  color: red;
}

p, span, h1 元素都成红色

继承

子承父业

body {
  font-family: 'Microsoft Yahei';
}

子若无为,当传递香火

继承问题

这个涉及到浏览器差异了,Netscape 4 就不支持继承

处理继承问题

"Be Kind to Netscape 4" 的冗余法则

body  {
     font-family: Verdana, sans-serif;
 }

p, td, ul, ol, li, dl, dt, dd  {
     font-family: Verdana, sans-serif;
 }

离家出走(摆脱继承)

对这样的孩子,他们自己打拼,创造价值:
p {
font-family: sans-serif;
}

相关文章

  • CSS 分组与继承

    选择器分组 分组的选择器就可以分享相同的声明: p, span, h1 元素都成红色 继承 子承父业 子若无为,当...

  • CSS

    CSS规则 at 规则 CSS选择器 CSS选择器 继承与层叠 继承与层叠 CSS 属性 CSS 属性 CSS值 ...

  • 第二天

    css 选择器分组:分组元素为 继承:h1{font-family:a,b;} 选择器分类: 上下文选择器 div...

  • css-note

    css学习内容 css基础语法 css使用方法 css选择器 css继承与层叠 css优先级 css命名规范 学习...

  • 样式

    集中设置元素属性 TargetType 样式 类似 css对属性值分组,在多个元素中共享该组的值效果 样式继承 本...

  • web前端入门到实战:CSS的语法与工作流

    本篇则主要介绍CSS的语法与CSS是如何工作的。 CSS语法 1. 基本规则 CSS规则主要由两部分组成:选择器(...

  • 1.CSS选择的样式-第四章css继承、层叠、优先级

    1.CSS继承 从父元素那继承部分CSS属性继承好处:1.父元素设置样式,子元素可以继承部分属性2.减少CSS代码...

  • CSS基础样式

    CSS继承 一、什么是CSS继承 CSS继承是指我们设置父级CSS样式时,父级及以下的子级都具有此属性。 二、不可...

  • CSS特性 & CSS优先级算法

    CSS特性 层叠性 继承性 优先级 CSS层叠性 在css样式中,与样式的调用顺序无关,与样式的定义顺序有关。 层...

  • HTML标签类型

    修改标签的显示类型 CSS属性 CSS属性-可继承属性 CSS属性-不可继承属性 CSS常用属性代码附录:

网友评论

      本文标题:CSS 分组与继承

      本文链接:https://www.haomeiwen.com/subject/fgnntctx.html