python 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>
