• 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,两句之间用空格隔开

  • 相关阅读:
    jQuery 2.0.3 源码分析 回调对象
    JQuery+JQuery ui实现的弹出窗口+遮罩层+拖动+更改大小~!
    2019.8.25 小结
    2019.8.23 小结
    宜中食堂游记
    2019.8.21小结
    2019.8.22小结
    2019.8.19小结
    题解 CF499A 【Watching a movie】
    2019.8.18小结
  • 原文地址:https://www.cnblogs.com/runhua/p/6426120.html
Copyright © 2020-2023  润新知