zoukankan      html  css  js  c++  java
  • 选择器集体声明与嵌套

    1、选择器集体声明

    h1,h2,h3{color:#900 }

    无论什么样的选择器,只有有公共的CSS 代码,都可以用这种集体声明来精简代码。如下代码进行精简:

    #header {font-size: 12px;background: 0230}
          div {font-size: 12px; width: 500px}
          .blue{font-size: 12px;color: #0900}
          .h1{font-size: 12px;font-weight: normal}

    精简后

    #header,div,.blue,.h1{font-size: 12px}
          #header {background: 0230}
          div {width: 500px}
          .blue{color: #0900}
          .h1{font-weight: normal}

    2、选择器嵌套.如某id 为div内P标签中a 字体显示为红色,如下表示:

    <style>
          #div p a{color:red}
      </style>
      <body>
    
      <div id="div">
          <p><a>链接</a></p>
      </div>

    这样做就可以不必单独为a设置选择器

    节选自:KwooJan的《2天驾驭DIV+CSS》

  • 相关阅读:
    钉钉小程序解析html的方法
    git使用
    electron-vue项目
    数组方法大全
    关于AJAX
    常用的东西
    常用正则表达式
    选项卡
    进度条
    泛型单列
  • 原文地址:https://www.cnblogs.com/tyb1222/p/4168864.html
Copyright © 2011-2022 走看看