更新日期: 2016-11-15 阅读次数: 6548 分类: CSS
CSS 冲突通常由两种情况引起
对于第一种冲突，很好理解，nearest 祖先样式优先。
第二种冲突的实现很有趣，采用了打分机制。
一句话概括，即 tag 一分，class 十分，id 一百分，inline 一千分。得分高者胜！
例如：
最终 #main #name p 获胜！
但是假设两个 style 得分一样呢？例如，.name a 与 p .name 得分均为 11, 这时哪个在样式文件的后面，哪个样式胜出。
当然，以上列举的情况非常极端，我想除了脑子被驴踢了的，很少有人会写出这种样式。最简单的记忆方法是，selector 描述的越精确，style 的优先级越高。
BTW: 当了爹真不容易，自学个 CSS 还得到客厅摸黑掐点。
我是来自山东烟台的一名开发者，有敢兴趣的话题，或者软件开发需求，欢迎加微信 zhongwei 聊聊， 查看更多联系方式
| 生活 | 跑步 清单 足球 鲁班 探索 孤独的美食家 驾驶 电视剧 收纳 奶爸 健康 game 电影 周末 |
|---|---|
| Geek | 健身 Laravel Git Vim MySQL Linux UI Windows SVN 纪录片 管理 Shell 游记 工具 手机 BackboneJS 自建博客 Mac DNS Tornado CDN Django Python AngularJS 理财 前端 Nginx 爬虫 Redis Javascript Browser 浏览器 推广 OAuth CSS PHP Social Networks 安全 运维 创业 杂记 VueJS Android Image IDE Java ReactJS 数据分析 SQLite RESTful 读书笔记 家电 ecshop Vagrant wordpress docker SEO GTD magento mongodb nodejs weex 冷知识 ruby iOS 微信小程序 AI CMS 快应用 backpack 广告联盟 OA 短信 UWP Win CSharp Tampermonkey graphviz 钉钉 WPS 数据字典 微信公众号 Fuchsia Adobe XD SQL Server thinkphp 代码规范 商业模式 Flutter 头痛的问题 serverless 视频制作 国际化 golang 服务器 Kotlin 网站建设 5G 笔记本 图片 spark spring 物联网 InfluxDB 图像识别 postgre rust |
| 成长的烦恼 | 闲言碎语 待产 不睡觉 写作 程序员 孙心然语录 原则 大鸿语录 |
| 地球 | 植物 时间 中文 赚钱 国家地理 烟台 一生伏首拜阳明 emoji 弟子规 英文 国际贸易 |