前端面试题集锦,精彩来袭!

开课吧开课吧锤锤2021-06-09 16:24

点赞
有用
分享分享

    前端是很多学编程语言选择比较多的一个,很多人在不知道也不确定自己想走那个方向的时候,在网站上查询就业率,工资情况,什么公司,在综合网友们的经历之后,选择了一个自己觉得还不错的方向学习。在学习之后大家可能要面对的就是找工作,今天小编就为大家整理了一份前端面试题,希望对大家有所帮助。

web

    CSS样式覆盖规则

    规则一:由于继承而发生样式冲突时,最近祖先获胜。

    规则二:继承的样式和直接指定的样式冲突时,直接指定的样式获胜

    规则三:直接指定的样式发生冲突时,样式权值高者获胜。

    样式的权值取决于样式的选择器,权值定义如下表。

CSS选择器

权值

标签选择器

1

类选择器

10

ID选择器

100

内联样式

1000

伪元素(:first-child等)

1

伪类(:link等)

10

    可以看到,内联样式的权值>>ID选择器>>类选择器>>标签选择器,除此以外,后代选择器的权值为每项权值之和,比如”#nav.currenta”的权值为100+10+1=111。

    规则四:样式权值相同时,后者获胜。

    规则五:!important的样式属性不被覆盖。

    !important可以看做是万不得已的时候,打破上述四个规则的”金手指”。如果你一定要采用某个样式属性,而不让它被覆盖的,可以在属性值后加上!important,以规则四的例子为例,”.bylinea{color:red!important;}”可以强行使链接显示红色。大多数情况下都可以通过其他方式来控制样式的覆盖,不能滥用!important。

    如果你觉的这些面试题还不够,那么不妨点击下方图片,免费领取资料。

web

    网站上有很多面试题,但是重复性也是很高的,今天这份资料就是经典的一份资料,领了就是赚了。以上就是开课吧广场小编为大家整理发布的“前端面试题集锦,精彩来袭!”一文,更多Web面试相关内容尽在开课吧广场Web面试频道!

免责声明:本站所提供的内容均来源于网友提供或网络搜集,由本站编辑整理,仅供个人研究、交流学习使用。如涉及版权问题,请联系本站管理员予以更改或删除。
有用
分享