用id獲取元素 （#）
最好不要在css使用ID，因為優(yōu)先級高聂沙，容易覆蓋.class的設定，造成混亂
#id {
property: value;
}
用class獲取元素 （.）
.class {
property: value;
}
分組 嵌套 （逗號瘫寝，空格）
.class_wrapper_one,
.class_wrapper_two {
property: value;
}
.class_wrapper .class_nested {
property: value;
}
選擇兄弟元素（+）
選擇p后 緊接著的 a
p + a {
property: value;
}
選擇子元素（>）
選擇p的子元素a（不能選擇子元素的子元素）
p >a {
property: value;
}
選擇兄弟元素（~）
選擇同級所有兄弟元素
p ~ a {
color: pink;
}
用屬性獲取元素（[]）
完全匹配[attribute="value"]
input[type="text"] {
background: #0000ff;
}
匹配以value開頭[attribute^="value"]
若屬性用空格分開蜒蕾，選擇其中一個[attribute~="value"]
<div class="container">
<div data-style="green font10">Element green font10</div>
<div data-style="black font24">Element black font24</div>
<div data-style="blue font17">Element blue font17</div>
</div>
[data-style~="blue"] {
color: blue;
}
[data-style~="font10"] {
font-size: 10px;
}
匹配以value結尾[attribute$="value"]
匹配包含value的元素[attribute*="value"]
!important最高優(yōu)先度
element {
property: value !important;
}
