CSS篇学习笔记2

          任务名：选择器 (选择器的种类与优先级)

一、相邻兄弟选择器
          “xxx”+“xxx”：介于两个选择器之间，当第二个元素紧跟在第一个元素之后，
             并且两个元素都是属于同一个父元素的子元素，则第二个元素将被选中。
            
二、属性选择器
          通过属性来选择，如div[class=“xxx”]就是div中class名为xxx的，a[href]就是a标签中包含href的
          
三、子选择器
          >选择符分隔两个元素时,它只会匹配那些作为第一个元素的直接后代(子元素)的第二元素
          如div>h2 只有div里面的h2标签被选中
          如若给了span一个属性，当取用div>span时，只能取到直接后代的span 其他的只能用之前定的span的属性

四、类选择器
          直接用类名来选择

五、列合并符 (||)链接
          它只会匹配被第二个CSS选择器匹配的元素,且此元素属于被第一个CSS选择器匹配的列元素.

六、后代选择器
          例如ul.beChecked li{color：blue}
          
七、通用兄弟选择器
          位置无须紧邻，只须同层级，A~B 选择A元素之后所有同层级B元素。
          例如p ~ span {color: red;}
              <p>1</p>
              <h1>2</h1>
              <span>