博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
HTML/CSS 选择符优先级
阅读量:7143 次
发布时间:2019-06-29

本文共 485 字,大约阅读时间需要 1 分钟。

CSS的选择符优先级

1、同级样式默认后者覆盖前者2、样式优先级类型(1)  <  class[type](10)=伪类(10)  <  id(100)  <  style行间样式(1000) < style内部样式 < link外部引入样式选择符的相应值综合相加起来大的优先级高注 : 相应值仅仅是代表他们的等级,    11个类型选择符的优先级仍然小于1个类选择符,以此类推3、important(IE7及以上)    加了important的样式属性优先级最高。    例
.box{
background:red!important;}

測试:判读AB的优先级

A、#header #div1 .box1 div .section p .link{………………}
B、#some .base #font #call a{………………}

方法一:A= 100+100+10+1+10+1+10 = 232B= 100+10+100+100+1 = 311 B>A 方法二:AB每人干掉2个id选择符。A没有id选择符了。B另一个,所以B优先级高答案:B

转载地址:http://smgrl.baihongyu.com/

你可能感兴趣的文章
学习计划书
查看>>
为什么你的智能手表功能这么多,ICMAX来解答
查看>>
tor_api
查看>>
给国外电子邮箱发海外邮件用什么邮箱好?
查看>>
Connectify+Wireshark捕获手机APP的数据包
查看>>
CentOS 6.5 生产环境编译安装LNMP
查看>>
8.6 “数据库设置”服务器选项
查看>>
两种方法反转单链表
查看>>
二叉树递归前序、中序、后序遍历
查看>>
在VIEW中加载UICollectionView
查看>>
散列桶
查看>>
eclipse修改 服务器默认路径
查看>>
[iOS Animation]-CALayer 视觉效果
查看>>
8 步搭建 Node.js + MongoDB 项目的自动化持续集成
查看>>
windowsserver 2012 R2 创建群集失败
查看>>
iostat和iowait详细解说--查看磁盘瓶颈
查看>>
wps的ppt放映时不能完全全屏的解决方法
查看>>
我的友情链接
查看>>
OC之self详解
查看>>
nginx ssl配置步骤
查看>>