首页 > 代码库 > Python 前端之CSS
Python 前端之CSS
1.CSS的应用优先级
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <!--<style>--> <!--div{--> #中间 <!--background-color: red;--> <!--color: black;--> <!--}--> <!--</style>--> <link href="commons.css" rel="stylesheet"/> #最低</head><body> <div> <p>This is a segment</p> <p style="background-color: white;color:red">This is a another segment</p> #最高 </div></body></html>
2.CSS选择器
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title> <style> div{ #标签选择器 background-color: red; color: black; } #i1{ #id选择器 background-color: green; color: black; } .i2{ #类选择器 background-color: yellow; color: black; } .i3,.i4,.i5{ #组合选择器 background-color: blue; color: black; } div div .i3{ #层级选择器 background-color: darkgray; color: black; } </style> <!--<link href="http://www.mamicode.com/commons.css" rel="stylesheet"/>--></head><body> <div> <p>This is a segment</p> <p id="i1">This is a another segment</p> <div> <p class="i3">层级选择器</p> </div> <p class="i2">新开的一个段</p> <p class="i2">新开的一个段</p> <p class="i2">新开的一个段</p> </div> <div> <p class="i3">这里也有一个i3选择器</p> <p class="i4">这里也有一个i4选择器</p> <p class="i5">这里也有一个i5选择器</p> </div></body></html>
Python 前端之CSS
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。