失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > 简述css选择器优先级 CSS样式的方式和特点是什么 – CSS – 前端 css 相对宽度

简述css选择器优先级 CSS样式的方式和特点是什么 – CSS – 前端 css 相对宽度

时间:2024-05-03 16:35:55

相关推荐

简述css选择器优先级 CSS样式的方式和特点是什么 – CSS – 前端 css 相对宽度

作用:子元素可以继承父元素的样式text-,font-,line-这些元素开头的都可以继承,以及color属性特殊性:

①. a标签的颜色不能继承,必须对a标签本身进行设置

②. h标签的字体大小不能修改,必须对h标签本身进行修改

2.层叠性

是浏览器处理冲突的一个能力如果一个属性通过两个选择器设置到同一个元素上,那么这个时候一个属性就会将另一个属性层叠掉

3.优先级

权重:!important>行内样式>id选择器>类选择器>标签选择器>通配符>继承

作用:多个选择器组合以后的优先级

算法:(0,0,0,0)==》第一个0是important的个数,第二个0是id选择器的个数,

第三个0对应的类选择器的个数,第四个0对应的是标签选择器的个数,就是当前选择器的权重。

@ 大专生学web前端好就业吗?

招聘信息的一般最低就是大专。

但是还是要点进去,有的虽然说统招大专,但是详细的招聘信息要求是统招本科,有的还有要求几本,但是不会明说,投简历的时候筛选海投,多面试,针对性地改简历,面试的题自己好好整理,高频的多背背。

茅塞顿开:简历制作\面试技巧\就业求职_哔哩哔哩_bilibili

/video/BV1Dz411b7Yh?spm_id_from=333.999.0.0

前端求职秘籍&前端技术趋势_哔哩哔哩_bilibili

/video/BV1Q54y1B7Cc?spm_id_from=333.999.0.0

尚硅谷经典前端面试题精讲第一季(web前端大咖总结)_哔哩哔哩_bilibili

/video/BV1nb411P7tQ?spm_id_from=333.999.0.0

面试官:web前端面试 – 面试官系列 ()

/interview/

每个公司需要的前端水平都不相同,但是面试的知识点重叠度却出奇的高,通过面试来准备面试才是快速找到工作的最优解

所以如果你问偶找工作最重要的事情,那就是迈出面试的第一步

毫不夸张的讲,在偶校招之前,学习前端进步最大的时候,就是偶准备面试的时候

当时投了一堆简历,因为有面试的压力,疯狂的看笔记做面试准备,然后实践,然后消化

然后面试挂掉,整理面试经验,然后再实践,再消化

这样过了几轮之后,就发现偶已经达到门槛了

一套流程贼熟悉,贼不慌张,知识点大部分都会,思路也越来越清晰,然后面试通过。

能够精准的准备工作所需要的知识点

如果按照各种干货知识来复习,会看很多根本不会面的东西,这些东西可能对你以后有用,但是很大一部分会忘掉,那这部分内容就属于无效内容

而且关键是,如果有部分无效内容很难,搞的你心烦,那会严重影响你的学习效率的,得不偿失。

前端基础篇

1、如何理解执行上下文

2、如何理解作用域链

3、如何理解原型链

4、什么是闭包

5、继承有哪些方法

6、什么是深/浅拷贝,有哪些实现方式

7、如何准确判断一个对象是数组

8、数组有哪些常用方法

9、DOM节点创建和修改有哪些常用API

10、CSS清除浮动有哪些方法

11、CSS选择器优先级

12、CSS实现三列布局(左右固定宽度,中间自适应)

13、谈一下flex布局

14、谈一下盒模型

15、transition动画和animation有什么区别

16、H5自适应方案

17、call/apply/bind作用和区别

18、浏览器解析渲染页面过程

19、谈一下EventLoop

20、GET和POST有什么区别

21、谈一下防抖和节流

22、数组如何去重

23、数组如何排序

24、谈一下常用设计模式,并选择一个进行场景分析

25、谈一下for…of

26、前端常见攻击方式

27、前端有哪些跨域方案

28、前端网站常规优化方案

框架Vue

1.vue优点?

2.vue父组件向子组件传递数据?

3.子组件像父组件传递事件?

4.v-show 和 v-if指令的共同点和不同点?

5. 如何让CSS只在当前组件中起作用?

6. <keep-alive></keep-alive> 的作用是什么?

7.如何获取dom?

8.说出几种vue当中的指令和它的用法?

9. vue-loader是什么?使用它的用途有哪些?

10.为什么使用key?

11.axios及安装?

12.v-modal的使用

13.请说出vue.cli项目中src目录每个文件夹和文件的用法?

14.分别简述computed和watch的使用场景

15.v-on可以监听多个方法吗?

16.$nextTick的使用

17.vue组件中data为什么必须是一个函数?

18.渐进式框架的理解

19.Vue中双向数据绑定是如何实现的?

20.单页面应用和多页面应用区别及优缺点

21.v-if和v-for的优先级

22.assets和static的区别

23.vue常用的修饰符

24.vue的两个核心点

25.vue和jQuery的区别

26. 引进组件的步骤

27.delete和Vue.delete删除数组的区别

28.SPA首屏加载慢如何解决

29.Vue-router跳转和location.href有什么区别

30. vue slot

31.你们vue项目是打包了一个js文件,一个css文件,还是有多个文件?

32.Vue里面router-link在电脑上有用,在安卓上没反应怎么解决?

33.Vue2中注册在router-link上事件无效解决方法

34.RouterLink在IE和Firefox中不起作用(路由不跳转)的问题

35.axios的特点有哪些

36.请说下封装 vue 组件的过程?

37.params和query的区别

38.vue初始化页面闪动问题

39.vue更新数组时触发视图更新的方法

40.vue常用的UI组件库

41.vue修改打包后静态资源路径的修改

生命周期函数面试题篇

43.第一次页面加载会触发哪几个钩子?

44.简述每个周期具体适合哪些场景

45.created和mounted的区别

46.vue获取数据在哪个周期函数

47.请详细说下你对vue生命周期的理解?

vue 路由面试题篇

48.mvvm 框架是什么?

49.vue-router 是什么?它有哪些组件

50.active-class 是哪个组件的属性?

51.怎么定义 vue-router 的动态路由? 怎么获取传过来的值?

52.vue-router 有哪几种导航钩子?

53. `$route` 和 `$router` 的区别

54.vue-router的两种模式

55.vue-router实现路由懒加载( 动态加载路由 )

vuex常见面试题篇

56.vuex是什么?怎么使用?哪种功能场景使用它?

57.vuex有哪几种属性?

58.Vue.js中ajax请求代码应该写在组件的methods中还是vuex的actions中?

vue部分的问题及答案58道Vue常见面试题集锦,涵盖入门到精通,自测 Vue 掌握程度 – 云+社区 – 腾讯云 ()

/developer/article/1675622

@ important?

本来不想回答的,但是偶发现楼上回答有问题,会让人误解,偶更正一下 !important 表示高优先级。

IE6浏览器不认识 !important 。举例: 正常情况下,写在下面的样式优先级高于上面的样式 demo1{ color:red; color:green; /*绿色的优先级高于红色,所有浏览器都会显示绿色*/ } 加了!important 那么它的优先级会比较高,ie6比较傻,不认识。demo2{ color:red !important; /*除了ie6,其他浏览器会认为红色优先级高,显示红色字体*/ color:green; /*ie6浏览器则顺序读取css所以显示绿色*/ } 但是注意,IE6不认识!important的优先级,但并不代表IE6不认识带!important的样式属性。demo3{ color:red; color:green !important; /*包括IE6,所有浏览器都显示绿色字体,ie6只是不认识优先级罢了*/ }

@ css中的外链是?

css内链就是把css代码直接写入到html标签里面去,写在style=””双引号中,

嵌入式是指把css代码写到<style type=”text/css”></style>标签之间。写在<head></head>之间

外链式是指把css代码写到单独的一个后缀为css文件里面,然后在head内通过link去引入

类似于:<link href=”base.css” rel=”stylesheet” type=”text/css” />

三者优先级的区别是

内联式 > 嵌入式 > 外部式

其实总结来说,就是就近原则(离被设置元素越近优先级别越高)。

如果觉得《简述css选择器优先级 CSS样式的方式和特点是什么 – CSS – 前端 css 相对宽度》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。