折翼的飞鸟

导航

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,指定只选择这个段落的第一行。

 

 

 

 

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

posted on 2016-11-14 17:17  折翼的飞鸟  阅读(262)  评论(0编辑  收藏  举报