• CSS 继承和优先级


    CSS继承性

    CSS属性继承:外层元素的样式,会被内层元素进行继承。

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

    什么样的CSS属性能被继承呢?

           CSS文本属性都会被继承的:

                  color、 font-size、font-family、font-style、 font-weight

                  text-align、text-decoration、text-indent、letter-spacing、line-height

           提示:<body>中的CSS属性,会被所有的子元素继承。

    CSS优先级

    (1)单个选择器的优先级

           行内样式 > id选择器 >  class选择器 > 标签选择器

    (2)多个选择器的优先级

           多个选择器的优先级,一般情况下,指向越准确,优先级越高。

           特殊情况下,我们需要假设一些值:

                  标签选择器      优先级为1

                  类选择器        优先级为10

                  Id选择器        优先级为100

                  行内样式        优先级为1000

                 

                  计算以下优先级:

                         .news h1{color:red;}     优先级:10 + 1 = 11

            .title{color:blue;}        优先级:10

                         div.news h1{color:red;}   优先级:1 + 10 + 1 = 12

            h1.title{color:blue;}      优先级:1 + 10 = 11

  • 相关阅读:
    终端设备 tty,pty,pts 概念与文件描述符的联系
    Nginx – access_log格式及配置
    Nginx – rewrite 配置 URL重写及301跳转原理图
    nginx命令启动及选项
    nginx-web身份验证
    nginx_server_location对客户资源的辨别规则
    利用Session防止表单重复提交
    归并排序
    Cookie/Session的机制与安全
    HTTP Cookie Session
  • 原文地址:https://www.cnblogs.com/yd09023/p/5853274.html
Copyright © 2020-2023  润新知