首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

深入解析CSS样式层叠权重

实际上在CSS2规范关于具体性(specificity)定义中,描述是非常明确,但是很多中文版本 CSS 图书中采用了 10 进制简单相加计算方式(包括第一版《CSS 权威指南》,第二版中已经纠正...因此把规范中对CSS层叠优先级相关定义意译一下,希望给初入门或对权重计算尚有疑惑朋友提供一些参考。 根据 CSS 规范,具体性越明确样式规则,权重越高。...权重比较 按照四组计算正确方法,上面例子中样式一权重应该是 0, 0, 0, 11,样式权重是 0, 0, 1, 0。...样式二和样式 A、B 相同,而样式 C 大于样式一,所以,不管 D 如何,样式二权重都大于样式一。这就是正确答案。 特殊 !...与其在编程语言中意义刚好相反,不是代表“不重要”而是代表“很重要”。 CSS2 规范中规定:!important 用于单独指定某条样式单个属性。对于被指定属性,有 !

1.1K60

display及作用

display: none display: none;是CSS1规范,无兼容性问题,该属性表示此元素不会被显示,依照词义是真正隐藏元素,使用这个属性,被隐藏元素不占据任何空间,用户交互操作例如点击事件都不会生效...display: inline-block display: inline-block;是CSS2规范,无兼容性问题,该属性表示此元素将显示为内联块元素,该元素生成一个块元素框,该框将随周围内容一起流动...display: flow-root display: flow-root;是CSS3规范,兼容性一般,该属性表示此元素会生成一个块元素盒子,该元素盒子可建立一个新块格式化上下文BFC,定义格式化根所在位置...display: flex display: flex;是CSS3规范,目前主流浏览器都已支持,是布局首选方案,该属性表示此元素会作为弹性盒子显示,在外部表现为block,内部作为弹性盒子使用,弹性布局可以为盒状模型提供最大灵活性...display: grid display: grid;是CSS3规范,目前主流浏览器都已支持,该属性表示将元素分为一个个网格,然后利用这些网格组合做出各种各样布局。

1.8K30

js:如何获取select选中

我想获取select选中value,或者text,或者…… 比如这个: <option value=”A” url=”http://www.baidu.com...; // selectedIndex代表是你所选中项index 3:拿到选中项optionsvalue: myselect.options[index].value; 4:拿到选中项options...text: myselect.options[index].text; 5:拿到选中项其他,比如这里url: myselect.options[index].getAttribute(‘url’...); 二:jQuery方法 1:var options=$(“#select option:selected”); //获取选中项 2:alert(options.val()); //拿到选中项...3:alert(options.text()); //拿到选中项文本 4:alert(options.attr(‘url’)); //拿到选中项url 版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人

26.5K30

js获取元素样式之getComputedStyle方法

习惯了jquery同学应该都知道获取元素样式方式可以直接写成(obj).css(style);更方便获取高度宽度等一些样式可以直接使用(obj).height()和 一、 getComputedStyle...是什么 getComputedStyle是一个可以获取当前元素所有最终使用CSS属性。...二、getComputedStyle与style区别 这个问题在上面也说过了,通过style方式可以获取样式,但是引用外部样式获取不到,但是他可以设置属性,换句话说他是一个可读可写属性。...,差别在于element.currentStyle返回是元素当前应用最终CSS属性(包括外链CSS文件,页面中嵌入属性等)。...不过,currentStyle属性貌似不支持伪类样式获取,这是与getComputedStyle方法差异,也是jQuery css()方法无法体现一点。

22.6K30

css3系列-2.css中常见样式属性和

css3系列-2.css中常见样式属性和 继续上一篇文章继续了解css基础知识,关注我微信公众号:全栈学习笔记 css中常见样式属性和 字体与颜色 背景属性 文本属性 边框属性 内外边距 鼠标光标属性...*/ /*inherit 规定应该从父元素继承 text-transform 属性。...浮动和清除浮动 css里面浮动用还是挺多,要好好学哦!不会关注我公众号,我会教你哦!公众号:全栈学习笔记 码字太难了!给个关注吧!...inherit 规定应该从父元素继承 overflow 属性。...非占位隐藏 .display-z{ /*隐藏*/ display: none; /*以块级元素显示,宽高不可忽略*/ display: block; /*此元素会被显示为内联元素

1.3K20
领券