这篇文章主要介绍CSS规则特性是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!
继承性:父元素的声明可以被子元素继承,如字体、颜色等。
层叠性:同一个元素若存在多个css规则,对于不冲突的声明可以叠加
优先级:同一个元素若存在多个css规则,对于冲突的声明以优先级高着为准。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css优先级演示</title>
<style type="text/css">
/*1.继承性:父元素的样式可以被子元素继承(颜色、字体)*/
body{
font-family:"楷体","微软雅黑";
}
/*2.层叠性:给一个元素设置不同的声明,其效果会叠加*/
h2{
color:red;
}
h2{
font-size:50px;
}
/*3.优先级:给同一个元素设置相同的声明,效果以后者为准,即就近原则*/
h3{
color:green;
}
/*.....*/
h3{
color:yellow;
}
</style>
</head>
<body>
<h2>HELLO WORLD!</h2>
<h3>你好,世界!</h3>
</body>
</html>
以上是“CSS规则特性是什么”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注亿速云行业资讯频道!
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。