zoukankan      html  css  js  c++  java
  • CSS的继承与优先级

    1. CSS样式继承性

      body,div,p{}

    1. html文档可以上图的种种节点树的形式表示,css层叠样式表中的各元素也有这种对应关系
    2. <body>是文档中最大的根节点,body中的所有元素都是body的后代元素
    3. 从各元素的关系上分析:各元素之间有如下几种关系:

      E F 后代关系

      E>F 父子关系

      E,F (E,可以是任意的元素类型,可以跨级)

      E+F 相邻关系

    详细说明:

    HTML文档是一种树状的结构。各元素之间有一定的层级关系。这种关系同样反映在CSS中。

    CSS中,内层元素将继承外层元素的样式;

    多个外层元素的样式,最终都要叠加到内层元素上。

    如果内层元素单独又指定了与父元素同名的属性,将被替换。

    <body>标记是最顶层元素,<body>中的所有样式,都会被它的后代元素继承。

     

    可以继承的CSS属性有哪些?

    文本样式、字体样式、列表样式具有继承性

    font-family,font-size,font-weight,font-style,color,,font

    text-indent,text-decoration,text-transform,line-height,text-align,

    list-style-image,list-style-position,list-style-type,list-style

    1. CSS选择器的优先级

      两两比较得出以下结论:

    • 行类样式的优先级>class选择器
    • id>class
    • 行类样式的优先级>id

    以上三个结论得出:

    行内样式>id样式>class样式

    • 4、!important> 行类样式的优先级

    结论:!important>行内样式>id选择器样式>class选择器样式

  • 相关阅读:
    servlet里面拿到common.property的属性
    js 播放声音文件
    dataGridViewX操作
    CYQ学习主要摘要4
    CYQ学习主要摘要3
    CYQ学习主要摘要2
    CYQ学习主要摘要
    EF操作VS中
    C# 文件与二进制互转数据库写入读出
    简单的线程与界面通用方法,不是很好,但是很方便
  • 原文地址:https://www.cnblogs.com/nyxd/p/5353405.html
Copyright © 2011-2022 走看看