第二章 读书笔记

选择器

1.选择器和声明都可以分组，选择器中声明样式重复过多，可以采用分组的方法，这样更易于代码的维护，选择器分组要注意分隔符“,”。

h1,h2,p,div{
    color: #ccc;
    background: #efefef;
}

2.属性选择器 

在元素后使用[ ]，里面放入想设置样式的元素的属性或属性和属性值，可以更为准确的选择元素。但要注意[属性="属性值"]时，要将元素该属性的属性值填写完整，也可多个属性并列。

input[type="text"] {
    width:100px;
    background: #00f;
}
p[class="word"] {
    color: #0f0;
}

像第二个[class="word"]是不能匹配到<p class="word main">为什么</p>，但是在属性后加“~”可以将属性值分离。

3.

后代选择器`子选择器

都可以选择到基于父元素的子元素后代，但子选择器更精确，也更推荐使用。

header > .container > a{
    display: block;
    float: left;
    margin: 18px 25px;
}