迅闻网
让更多人看到你

css hack(css选择器优先级)

  csshack

CSShack由于不同厂商的浏览器,比方InternetExplorer,Safari,MozillaFirefox,Chrome等,或者是同一厂商的浏览器的不同版别,如IE6和IE7,对CSS的解析认识不完全一样,因此会导致生成的页面作用不一样,得不到咱们所需求的页面作用。这个时分咱们就需求针对不同的浏览器去写不同的CSS,让它能够同时兼容不同的浏览器,能在不同的浏览器中也能得到咱们想要的页面作用。
简略的说,CSShack的目的就是使你的CSS代码兼容不同的浏览器。当然,咱们也能够反过来利用CSShack为不同版别的浏览器定制编写不同的CSS作用。

css

css选择器优先级

假如闻到CSS的权重与优先级一般面试官会这样问:
你对CSS的权重和优先级了解吗?能够简略说下。
咱们的答复能够经过以下方法来答复:
1.权重:
1.权重概念:1.1.权重,是一个相对的概念,是针对某一目标而言;某一目标的权重是指该目标在整体点评中的相对重要程度。2.CSS权重指的是css挑选器的优先级,优先级高的css款式会覆盖优先级低的css款式,优先级越高阐明权重越高,反之亦然。
2.优先级:
1.css优先级规矩:1.1.css挑选规矩的权值不一起,权值高的优先;1.2.css挑选规矩的权值相一起,后界说的规矩优先;1.3.css属性后边加!important时,无条件肯定优先;2.权值的计算:2.1.榜首等级:代表内联款式;如style=””,权值为1,0,0,0。2.2.第二等级:代表ID挑选器;如#id=””,权值为0,1,0,0。2.3.第三等级:代表calss|伪类|属性挑选器;如.class|:hover,:link,:target|[type],权值0,0,1,0。2.4.第四等级:代表标签|伪元素挑选器;如p|::after,::before,::fist-inline,::selection,权值0,0,0,1。2.5.通用挑选器(\*),子挑选器(>),相邻同胞挑选器(+)等挑选器不在4等级之内,所以它们的权值都为0,0,0,0。3.权值计算公式:3.1.权值=榜首等级挑选器\*个数,第二等级挑选器\*个数,第三等级挑选器\*个数,第四等级挑选器\*个数。4.权值比较规矩:4.1.当两个权值进行比较的时分,是从高到低逐级将等级位上的权重值(如权值1,0,0,0对应–>榜首等级权重值,第二等级权重值,第三等级权重值,第四等级权重值)来进行比较的,而不是简略的1000\*个数+100\*个数+10\*个数+1\*个数的总和来进行比较的,换句话说,低等级的挑选器,个数再多也不会越等级超过高等级的挑选器的优先级的;4.2.总结比较经历:4.2.1.先从高等级进行比较,高等级相一起,再比较低等级的,以此类推。4.2.2.完全相同的话,就采用后者优先准则(也便是款式覆盖)。4.2.3.css属性后边加!important时,无条件肯定优先(比内联款式还要优先)。5.挑选器的优先级(承继不如指定):5.1.css属性!important5.2.内联款式5.3.ID挑选器(#id)5.4.类挑选器(.class)=伪类挑选器(:hover等)=属性挑选器[type等]5.5.元素挑选器(p等)=伪元素挑选器(:after/:before/::selection等)5.6.通用挑选器(\*)5.7.承继的款式
之前有收拾过部分知识点,现在将收拾的相关内容,验证之后慢慢分享给大家;这个专题是”前端面试题”的相关专栏;大概会有200+的文章,涉及到前端的各个方面。

未经允许不得转载:迅闻网 » css hack(css选择器优先级)
分享到: 更多 (0)

评论 抢沙发

评论前必须登录!

 

迅闻网-让更多人看到你

登录/注册返回首页