首页 > 代码库 > CSS样式的特点与优先选择权
CSS样式的特点与优先选择权
CSS样式的特点：(子元素会继承父元素的某些样式，子元素有自己的样式就用自己的样式，没有的就用父元素的)
1.继承：
网页中子元素，将继承父元素的样式（比如要控制p标签中的文字大小，可以直接给body标记添加样式）
2.层叠：
网页中子元素定义了与父元素相同的样式，则子元素的样式将覆盖父元素的样式
后面的样式会覆盖前面的样式
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 5 <title>CSS样式的特点</title> 6 <style type="text/css"> 7 body{ 8 font-size:24px; 9 color:#F00;}10 p{color:#F0F;}11 /*下面的样式会覆盖上面的样式*/12 p{color:#0F0;}13 </style>14 </head>15 <body>16 <p>0.5秒三分绝杀!波特兰上演波什时刻 第N次拯救热火</p>17 <h1>玩命暴扣扳平+助攻绝杀三分 热火太幸运有这颗队魂</h1>18 <p>热火今夜还一功臣必须赞 11分不多但却分分是金!</p>19 <p>詹波为小弟恶犯叫屈 当事人他都起飞了!肯定假摔</p>20 <p>斯帅称客战开拓者奥登不打 波什：他很快就可复出</p>21 </body>22 </html>
CSS样式优先选择权：当样式有冲突时，以哪个为准
内联式-----内嵌式-----链接式----导入式
就近原则
作用范围越小优先权越高
离要修饰的目标越近的样式优先权越高
选择符优先权：
行内----id----class----标签选择符（可以采用!important语法来提升优先权（IE6不支持））
CSS样式的特点与优先选择权
声明：以上内容来自用户投稿及互联网公开渠道收集整理发布，本网站不拥有所有权，未作人工编辑处理，也不承担相关法律责任，若内容有误或涉及侵权可进行投诉： 投诉/举报 工作人员会在5个工作日内联系你，一经查实，本站将立刻删除涉嫌侵权内容。