CSS:浏览器特定选择器介绍

2016-02-19 23:20 5 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐CSS:浏览器特定选择器介绍,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

当你想在一个浏览器里改变样式而不像在其他浏览器中改变时,这些选择器很有用。

IE6以下


*html{}
IE 7 以下


*:first-child+html {} * html {}
只对IE 7


*:first-child+html {}
只对IE 7 和现代浏览器

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)


htmlbody {}
只对现代浏览器(非IE 7)


html/**/body {}
最新的Opera 9以下版本

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)


html:first-child {}
Safari


html[xmlns*="] body:last-child {}
要使用这些选择器,请在样式前写下这些代码。例如:


#content-box {
width: 300px;
height: 150px;
}
* html #content-box {
width: 250px;
}
/* 重写上面的代码并且把宽度改为250PX
在IE6以下版本中适用。 */

来源:https://www.tulaoshi.com/n/20160219/1629700.html

延伸阅读
CSS是对网页设计师可用的最强大的工具之一。使用它我们可以在几分钟内改变一个网站的界面,而不用改变页面的标签。但是尽管事实上,我们每个人也都意识到了它是有用的,CSS 选择器远未发挥它们的潜力,有的时候我们还趋向于使用过多的和无用的class、id、div、span等把我们的HTML搞的很凌乱。 避免让这些瘟疫在你的标签中传播并保持其简洁...
标签: Web开发
前面一篇文章介绍了CSS页面布局中HTML结构化,本节讲解如何使用巧妙的使用CSS选择器。 id用于标识页面唯一元素,id的名称是控制某一内容块的手段,通过将某内容块置入div并赋予唯一的id,就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等等。例如你为#header写一个CSS规则,就可以完全...
标签: Web开发
关于CSS选择器优先级,目前国内已有很多人进行过解释,但感觉不如人意,特别对于初学者,更是难以理解。这里我把W3C上所描述的规范以我的理解再解释一下,希望能给大家提供到帮助。 在Calculating a selector’s specificity上的原文摘选如下: A selector’s specificity is calculated as follows: count 1 if the declaration is...
标签: Web开发
自从JQuery实现了Selector后,貌似其他一些JavaScript框架也开始向Selector靠拢,相继推出了自己的CSS选择器, 考虑到css选择器确实强大,所以,在easyUI中也添加了一个自己的cssSelector方法:easyUI.cssSelector('css选 择器',dom范围) CSS选择器实现原理: 一、解析 1、格式化数据,将css选择器转换成一种便于后面进行操作的格...
标签: Web开发
选择器 p[name^=my]{font-size:14px} 选择器 ^= 讲规则应用到所有 name属性以my开头的p元素标签 p[name$=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性以my结尾的p元素标签 p[name*=my]{font-size:14px} 选择器 $= 讲规则应用到所有 name属性包含my结尾的p元素上 选择器 、 + 、~ 选择器表示受影响的元素是第一个元素的子...

经验教程

845

收藏

69
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部