CSS复习——选择器

派生选择器

也叫上下文选择器（CSS1），派生选择器允许你根据文档的上下文关系来确定某个标签的样式。通过合理地使用派生选择器，我们可以使 HTML 代码变得更加整洁。

 比如，我想规定li标签中的img图像大小

li img{

    width: 20px;
    height: 10px;
}

id选择器

比如我要将div元素背景定位红色

<div id = "box", name = "aBox">我是一个盒子</div>

#div{

background-color: red;
}

类选择器

同上

.aBox{
    background: red;
}

属性选择器

/*修改所有带有title = "text"的input的样式*/
input[title = "text"]{

    width:100px;
}

/*修改所有带有title = "text"属性的元素的样式*/
[title = “text”]{
    height: 200px;
}