python css選擇器

時間 2019-11-17

原文原文鏈接

css 選擇器css

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 <head>
 4     <meta charset="UTF-8">
 5     <title>Title</title>
 6         <!--css選擇器  選擇誰  如何選擇標籤-->
 7     <!--<div>我是我的</div>-->
 8     <!--樣式標籤-->
 9     <style>
10         /*id選擇器*/
11         /*# 代替id*/
12         #div1 {
13             background-color: red;
14         }
15         /*class選擇器*/
16         /*英文符的點代指*  */
17         .c1{
18             background-color: black;
19         }
20         /*標籤選擇器*/
21         div{
22             background-color: red;  }
23         /*標籤層次選擇器*/
24         div span{
25            background-color: red;
26         }
27 
28          /*id組合選擇器*/
29          #id1,#id2{
30              background-color: red;
31              }
32          /*class組合選擇器*/
33          /*.c1,.c2 {*/
34              /*baackground-color: red;*/
35           /*}*/
36         .c1 {
37              baackground-color: red;
38           }
39          .c2{
40              width: 100px;
41              height: 50px;
42          }
43         
44         /*屬性選擇器*/
45         div[jnz="金牛座"]{
46             background-color: red;
47         }
48     </style>
49 
50 
51 </head>
52 <body>
53     <!--css 選擇器  選擇誰 如何選擇標籤-->
54     <!--id選擇器的例子-->
55     <div id="div1">我是我的</div>
56     <!--class選擇器的例子-->
57     <div class="c1"></div>
58     <!--標籤選擇器-->
59     <div>jnz</div>
60     <!--標籤 層級選擇器-->
61     <div>
62         <span>123</span>
63     </div>
64     <!--id組合選擇器 id屬性在一個html標籤中不容許出現兩個相同的id-->
65     <div id="i1">123</div>
66     <div id="i2">123</div>
67     <!--class組合器 class在一個html中能夠出現多個相同的-->
68     <div class="c1">123</div>
69     <div class="c2">123</div>
70     <div class="c1 c2"> 123</div>
71     
72     <!--屬性選擇器-->
73     <div jnz="金牛座"></div>
74 </body>
75 </html>

相關標籤/搜索

每日一句

每一个你不满意的现在，都有一个你没有努力的曾经。