zoukankan      html  css  js  c++  java
  • CSS 选择器继承和层叠

    CSS选择器及其继承特性、层叠特性
    1.基本选择器
      标记  id  class  这个就不再作介绍了


    2.复合选择器
      交集
     交集选择器由两个选择器直接连接构成,其结果是选中二者各自元素范围的交集
     其中第一个必须是标记选择器,第二个必须是类别选择器或者ID选择器,须连续书写
     如,div.class

      并集
     并集选择器的结果是同时选中各个基本选择器所选择的范围,任何形式的选择器(包括
     标记、类选择器、ID选择器)都可作为并集选择器的一部分,它们之间用逗号相连
     如,div,class,h3,#nav


     后代
     DOM树中鉴于嵌套关系的存在,使用后代选择器可以非常方便的通过组合来给各个元素设置
     样式,而不需要给每个元素进行ID或类命名,使命名大大简化,并且条理清晰
     各种基本选择器均可自由组合,不受限制
     如  div class h3(意思为选中div下class下的h3)


      子代
     子代选择器与后代的选择器的区别是使用大于号连接
     如div>span
    注:后代与子代从效果上的区别是,后代选择器产生的影响不仅限于元素的“直接后代”,还影响到它

    的“各级后代”;而子代的影响仅限于元素的选中后代本身


    3.继承特性
     继承特性可一句话概括为子元素拥有父元素的所有CSS属性,哪怕子元素另行设置,那也只是
     另行设置覆盖了从父元素继承来的属性值

    4.层叠特性
     层叠特性可概括为各样式间的优先级顺序
     行内样式>ID样式>类别样式>标记样式
     打个比方,当前元素设置了以上四种情况上不同的样式,那么最终显示的结果为行内样式的
     属性,如此,我们去掉行内样式,依次类推便显示ID、class的样式

  • 相关阅读:
    [Codeforces 140C] New Year Snowmen
    [Codeforces Round511C] Enlarge GCD
    [BZOJ 1251] 序列终结者
    [NOIP 2016] 愤怒的小鸟
    [POJ 1860] Currency Exchange
    [ZJOI 2006] 书架
    [NOIP 2010] 引入入城
    [NOI 2014] 起床困难综合征
    用C语言实现中文到unicode码的转换
    strdup与strndup
  • 原文地址:https://www.cnblogs.com/dianzan/p/7352486.html
Copyright © 2011-2022 走看看