标签存档: HTML

1,774 查看

HTML和CSS中容易忽视的一些东西

一、选择器的效率 id选择器(#myid) 类选择器(.myclassname) 标签选择器(div,h1,p) 相邻选择器(h1+p) 子选择器(ul< li) 后代选择器(li a) 通配符选择器(*) 属性选择器(a[rel="external"]) 伪类选择器(a:hover,li:nth-child) 由上至下,效率递减! 二、选择器的优先级 选择器的优先级是用数值表示的, 下面是基本项的对应值 element style = 1000 #id = 100 .classname = 10 tag = 1 对于符合的情况则使用值的相加,例如 p .classname 其对应的数值为1+10=11。所以在做优先级比较的时候,使用11去和其他的样式优先级比较,如果大于其他的则渲染,覆盖原样式,否则不渲染。 三、浏览器的样式渲染机制 1、从上到下 浏览器的样式渲染,是从上到下的(至少ie如此),所以CSS中,对于类似样式的覆盖,还有个就近原则。它就是依据此的。 2、比较优先级数值,觉得是否渲染 在从上到下渲染过程中,比较样式优先级。然后选择是否渲染。就这样在不停的覆盖中,最终形成最终正确的样式。 以上两点是同时起作用的,不分谁先谁后。 四、浏览器的选择器解析机制 …

继续阅读 »

无觅相关文章插件,快速提升流量