CSS属性选择器

属性选择器
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{
         //样式 
     }
     这里增加<p>元素，这是我们希望在blockquote上下文中选择的元素。<p>元素必须是blockquote的一个子孙，
     <blockquote>则是id为“greentea”的一个div元素的子元素。
上下文:div#greentea > blockquote
3.   div#greentea > blockquote p:firste-line {
          font-style:italic;
     }
     增加一个伪元素first-line，指定只选择这个段落的第一行。

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