zoukankan      html  css  js  c++  java
  • CSS特性

    CSS有两大属性:继承性和层叠性

    一、继承性:

    所谓继承性,就是子元素继承了父元素的某些样式属性,但是并不是所有的样式属性都具有继承性,在CSS中,具有继承性的属性有三大类;

    (1)文本相关属性:

    (2)列表相关属性:

    list-style-image(自定义列表项)、list-style-position(自定义列表项位置)、list-style-type(设置列表项标记类型,如椭圆等)、list-style(缩写,顺序为type、position、image)

    (3)颜色相关属性:color

    注:虽然很多属性有继承性,但是同样的像a元素这样的标签也有默认样式,所以即使父元素在某些属性上有值,子元素a依旧按照原来默认样式来呈现;即默认样式的优先级大于继承的样式

    二、层叠性

    所谓的层叠就是指样式的覆盖,这涉及到优先级的问题,常见的样式覆盖冲突有以下五种情况(在优先级相同情况下,统一遵循“后来者居上”原则)

    (1)引用方式冲突

    优先级:行内样式>(内部样式=外部样式)

    (2)继承方式冲突

    优先级:近水楼台先得月,即样式优先级最大为父元素的样式,往上到祖先元素逐渐降低优先级

    (3)指定样式冲突(即使用选择器来设定样式)

    优先级:行内样式>id选择器>class选择器>元素选择器

    (4)继承样式与指定样式冲突

    (5)!important(可以将优先级提升到最高等级)

    用法:在样式语句后面直接加上!important,两句之间用空格隔开

  • 相关阅读:
    Sum Root to Leaf Numbers深度优先计算路径和
    Path Sum II深度优先找路径
    动态和静态链接库
    C/C++变量
    搜索
    基本格式
    随机数生成函数
    珍惜生命,我用Python 。今天开始学习Python
    在windows里hexo 博客创建步骤
    作为一个程序员,什么是脚本。必须要理解
  • 原文地址:https://www.cnblogs.com/runhua/p/6426120.html
Copyright © 2011-2022 走看看