蘋果客服迴應 iPad mini 6“果凍屏”問題:還沒遇到,可以遠端共享檢測
阿新 • • 發佈:2021-09-28
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>層次選擇器</title>
6 <style>
7 /*p{
8 background: green;
9 }*/
10
11 /* 1.後代選擇器,某個元素的後面
12 body p{
13 background: red;
14 }*/
15
16 /* 2.子選擇器 只指向下一代,兒子類*/
17 /* body>p{*/
18 /* background: blue;*/
19 /* }*/
20
21 /*3.類名為active的相鄰兄弟選擇器,指向同輩,只有一個*/
22 /* .active+p{*/
23 /* background: yellow; !* 指向品p3 *!*/
24 /* }*/
25
26 /*4.通用兄弟選擇器,當前選中元素以下的所有兄弟元素 */
27 .active~p {
28 background: red;
29 }
30
31
32 </style>
33 </head>
34 <body>
35 <p>p1</p>
36 <p class="active">p2</p>
37 <p>p3</p>
38 <p>ps</p>
39 <ul>
40 <li>
41 <p>p4</p>
42 </li>
43 <li>
44 <p>p5</p>
45 </li>
46 <li>
47 <p>p6</p>
48 </li>
49 </ul>
50 <p class="active">p7</p>
51 <p>p8</p>
52 </body>
53 </html>