css基础选择器的优先级关系，css样式遵循什么原则_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:58:54 共计：3593 浏览

css样式遵循三种原则：就近原则、继承原则、覆盖原则。

就近原则

优先级关系，从高到低：行内样式 > 内部样式 > 外部样式。

继承原则：

继承中多数边框类的属性不能被继承，比如padding、margin、背景等都不会被继承；表格也不能继承父类的样式。

覆盖原则：

由于继承而发生的样式冲突，由最近的祖先元素取值；

继承的样式和直接指定的样式发生冲突时，直接指定的样式获取值；

直接指定的样式发生冲突时，样式权重高的元素获取值；

用于来定义一类可以在同一个页面内重复利用的样式。如比较常用的.clearfix（一般是用于清除浮动），或者自己定义的用于新闻列表的样式，详细的写好链接、列表、边框以及背景等属性，有些人还会习惯把一些常用的属性作为一个类。

>10 CSS类选择器也就是选择html编码中标明为特定Class(类)的元素.如<p Class="mytest">这是我要编辑的段落</p>，在CSS文件中可用 .mytest{ }来表达想要显示的样式。简单地说，CSS类选择器用" . "做前缀。

css选择器加.是类选择器，选择与class属性相匹配的类名

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。