![]()
1 .objectsTab.active{} /*Tab和.之间没有空格*/
2 <element class="objectsTab active">
3
4 .objectsTab .active{} /*Tab和.之间有空格,后代class*/
5 <element class="objectsTab">
6 …
7 <element class="active">
8
9 .panel-danger > .panel-heading {} /*直接后代class*/
10 <element class="panel-danger">
11 <element class="panel-heading">
12
13 .btn-danger.disabled:hover{}
14 <element class="btn-danger disabled" :hover>
15
16 fieldset[disabled]{}
17 <fieldset disabled>
18
19 .btn-default[disabled]{}
20 <element class="btn-default" disabled>
21
22 .active p{}
23 <element class="active">
24 …
25 <p>
26
27 div p{}/*后代选取器*/
28 <div>
29 …
30 <p>
31
32 div+p{} /*相邻兄弟选择器*/
33 <div>
34 <p>
35
36 div~.p{}/*后续兄弟选择器器*/
37 <div>
38 <element class="p">
39 ⋮
40 <element class="p">
41
42 h1 {
43 color:green;
44 }
45 h2 {
46 color:green;
47 }
48 p {
49 color:green;
50 }
51 h1,h2,p {
52 color:green;
53 }
example+