css3学习总结---常见的选择器

  1.只有在目标独特，网站上只有一个标示时，用 id ; 别的最好使用类名，利于引擎搜索，不建议使用后代直接嵌套标签元素，可以嵌套类名。即使使用sass依旧如此。

     1.类型选择器  p  div 

      2.类选择器

           .app

     3.id选择器

          #app

     4.伪类

        4.1 链接伪类

              a:link     a:visited  

       4.2 动态伪类

             input：hover   :focus  :active       

   5.通用选择器 

       *  选取所有元素 ，不推荐使用，即使是样式重置，希望一个个写出来

   6.子选择器   兄弟选择器用+    .div1 + div2

   7.属性选择器

        input[type="reset"]

 

2. 层叠和继承

    层叠是说，后面如果出现与前面一样的元素选择，会覆盖掉前面的元素。

       div{ border:1px solid #333; }    div{border:1px solid red};

    继承是说，继承公用的一些样式，可以优化代码。

    body{ font-size:20px;} 页面所有元素都会显示20px

 

3.建议 外联式引入样式

    <link href="1.css">