《真女神轉生5》惡魔介紹:凱爾特大地母神達娜
阿新 • • 發佈:2021-09-11
1 <!DOCTYPE html>
2 <html lang="en">
3 <head>
4 <meta charset="UTF-8">
5 <title>Title</title>
6 </head>
7 <!--結構偽類選擇器,避免使用class,id選擇器-->
8 <style>
9 /*ul的第一個元素*/
10 ul li:first-child{
11 background: bisque;
12 }
13 /* ul的最後一個元素*/
14 ul li:last-child{
15 background: black;
16 }
17
18 /*選中p1:定位到父元素,選中當前的第一個元素
19 選澤當前p元素的父級元素,選中父級元素的第一個,並且是當前元素才生效
20 */
21 p:nth-child(1){
22 background: brown;
23 }
24 /*選中父元素<h1>下p元素的第二個型別*/
25 p:nth-of-type(1){
26 background : red;
27 }
28
29 /*滑鼠點到那個連結時候的連結背景為藍色*/
30 a:hover{
31 background: blue;
32 }
33 </style>
34 <body>
35 <a href="#">連結</a>
36 <h1>h1</h1>
37 <p>p1</p>
38 <p>p2</p>
39 <p>p3</p>
40 <ul>
41 <li>例1</li >
42 <li>例2</li>
43 <li>例3</li>
44 </ul>
45
46 </body>
47 </html>