标签：读书笔记 color 元素 分组 第二章 选择器 属性

选择器

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

1 h1,h2,p,div{
2     color: #ccc;
3     background: #efefef;
4 }

2.属性选择器 

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

1 input[type="text"] {
2     width:100px;
3     background: #00f;
4 }
5 p[class="word"] {
6     color: #0f0;
7 }

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

3.

后代选择器`子选择器

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

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

 

标签：读书笔记,color,元素,分组,第二章,选择器,属性
From： https://www.cnblogs.com/LuBingBing/p/16839436.html