属性选择器 img[width]{ border: thin solid black;}   // 这个选择器会选择HTML中所有包含一个width属性的图像 img[height='300'] {border: red thin solid; }   //这个选择器会选择会height属性值为300的所有图像 image[alt~='flowers'] { border: #ccc thin solid; }  //这个选择器会选择alt属性包含单词flowers的所有图像

兄弟选择

h1+p{    font-style: italic;} 这个选择器会选择所有紧跟在一个h1元素后面的p元素

结合选择器

.classname p{    color: purple;} 这个选择器会选择类名为classname的元素的子孙所有p元素 结合复杂的选择器模式 1.   div#greentea > blockquote{
              //样式，      }      这里我们使用了一个子孙选择器，id为greentea的div元素，必须是blockquote元素的父元素 2.   div#greentea > blockquote p{
             //样式      }      这里增加
元素，这是我们希望在blockquote上下文中选择的元素。
元素必须是blockquote的一个子孙，      
     
      则是id为“greentea”的一个div元素的子元素。 上下文:div#greentea > blockquote 3.   div#greentea > blockquote p:firste-line {
              font-style:italic;      }      增加一个伪元素first-line，指定只选择这个段落的第一行。
     

 

 

 

 

******** 只是一小部分，还待记录