如果同个元素有两个或以上冲突的CSS规则,浏览器有一些基本的规则来决定哪一个非常特殊而胜出。它可能不像其它那么重要,大部分案例你不需要担心冲突,但大型而且复杂的CSS文件,或有很多CSS文件组成的,可能产生冲突。选择器一样的情况下后面的会覆盖前面的属性。比如: p { color: red; }p { color: blue; }p元素的元素将是蓝色,因为遵循后面的规则。然而,你不可能经常用相同的选择器冲突达到目的,当你使用嵌套选择器,合理的冲突来了。比如: div p { color: red; }p { color: blue; }也许你看起来p元素在div元素里面的颜色是蓝色,就像后面p元素的规则,但是第一个选择器的特性却是红色。基本上,一个选择器越多特性,样式冲突的时候将显示它的样式。一组嵌套选择器的实际特性可以计算出来。基本的,使用ID选择器的值是100,使用class选择器的值是10,每个html选择器的值是1。它们加起来就可以计算出特性的值。 p的特性是1(一个html选择器) div p的特性是2(两个html选择器) .tree的特性是10(1个class选择器) div p.tree的特性是1+1+10=12,(两个html选择器,一个class选择器) #baobab的特性是100(1个ID选择器) body #content .alternative p的特性是112(两个html选择器,一个ID选择器,一个类选择器) 按照上面的规则,div p.tree的特性比div p高,body #content .alternative p又比它们两个都高。
CSS教程 17、CSS的优先级特性Specificity [翻译Htmldog
来源:互联网 发布日期:2016-03-25 16:35:12 浏览:1499次
相关内容
- 历史与AI的距离:聊天机器人在历史学科科研中的应用
- 我用AI机器人,20分钟写了份调研报告
- 一大波爆款AI机器人频繁亮相背后:A股人形机器人“四大天王”雏形已现,优必选合作伙伴年报大幅预亏
- 手指灵活又精细:Sanctuary AI发布自主完成人类任务机器人
- 特斯拉招聘人形机器人 Optimus 用户手册撰写员,明年开始交付
- 全球首个OpenAI机器人诞生,可与人自主互动丨科技周览
- 英伟达发布新的机器人制造平台,添加生成式AI功能
- AI大模型时代,如何用RAG技术重塑传统智能客服问答机器人?
- 能说会看会行动,OpenAI机器人,一出手就是王炸
- 用Vision Pro实时训练机器狗!MIT博士生开源项目火了
- 全球工业机器人龙头积极布局AI 机构看好AI赋能机器人趋势
- 首个消费级意识仿生机器人,WALL-E从《机器人总动员》迈向现实|早期项目
- 机器人行业多个会议即将举行 人形机器人板块有望迎来催化
- 特斯拉正开发“私有5G”基站,为电动汽车及人形机器人提供支持
- 全球首个OpenAI机器人诞生!Figure 01碾压马斯克擎天柱,10亿机器人大军正式启动
- 博士数月研究,AI化学机器人一周便完成
- 基于生成式 AI 技术,汤姆猫正在研发一款语音交互陪伴机器人
- 英伟达进军人形机器人产业 发布多模态人工智能Project GR00T
- 估值26亿美元!人形机器人公司获英伟达、微软、亚马逊投资 与OpenAI合作
- 汇川技术:公司工业机器人产品目前在泛3C、光伏等行业实现大批量应用
AiLab云推荐
最新资讯
本月热点
- 斯坦福家政机器人火了但又翻车了!多数是真人操控编排的
- 斯坦福团队发布新机器人Mobile Aloha,人形机器人将迎来产业元年?
- 我的同事是 GPT-4 机器人,我们在 Slack 上一起工作
- 谷歌起草“机器人宪法”,以确保 AI 机器人不会伤害人类
- 长江电力申请机器人巡检方法及系统专利,提高效率的同时也避免过多机器人参与到任务中造成碰撞风险
- 均普智能:公司会持续对人形机器人领域进行研发投入,当前没有交付丝杠终端产品
- 特斯拉“擎天柱”机器人视频涉嫌造假 马斯克“承认”
- 国际最新研发出人工智能机器人平台 改造蛋白质速度超过人类
- 国盛证券:未来大模型将会赋予机器人更强的能力
- 人形机器人“进厂”颠覆汽车制造?
热门排行
-
斯坦福家政机器人火了但又翻车了!多数是真人操控编排的
阅读量:152042
-
斯坦福团队发布新机器人Mobile Aloha,人形机器人将迎来产业元年?
阅读量:149895
-
我的同事是 GPT-4 机器人,我们在 Slack 上一起工作
阅读量:146367
-
谷歌起草“机器人宪法”,以确保 AI 机器人不会伤害人类
阅读量:142408
-
人形机器人崛起:OpenAI、微软洽谈投资Figure AI,望募资5亿美元
阅读量:86916
-
大疆回应停售青少年教育产品:将资源聚焦在大学生高校机器人赛事
阅读量:52234
推荐内容
- 2024第25届中国兰州国际医疗器械博览会
- 2024第九届中国西安丝绸之路国际旅游博览会
- 2024第27届重庆都市文化旅游节暨城际旅游交易会
- 2024年第25届广西广告展览会
- 2024宁夏(银川)国际广告节
- 2024中国(青岛)国际户外用品暨房车露营装备博览会、2024中国(青岛)国际体育用品、健身器材暨泳池设施装备博览会、第五届新电商产业博览会
- 2024第二十三届中国西部国际广告节
- IBS 2024第十二届生物质能源与有机固废资源化利用高峰论坛
- 2024第二届中国(西安)国际消防技术装备展览会
- 2024长三角国际环保产业展览会
- FEC2024第17届广州国际服装供应链博览会
- 2024第60届沈阳医疗器械展3月28日盛大召开!!!
- 2024第二届成渝经济圈表面工程博览会
- 2024南京充电桩展览会
- 2024第十四届中国(郑州)塑料产业博览会
- 2024HOTELEX第32届上海国际酒店及餐饮业博览会 HOTELEX上海展
- 海名·2024上海火锅食材及用品展览会
- 2024第29届中国(北京)国际美博会
- 2024宁波国际文具展
- 第二十届中国(重庆)国际润滑油、脂、添加剂、养护用品及技术设备展览会
- 2024上海国际酒店工程设计与用品博览会