css层叠样式表——基础css面试题

1、css样式来源有哪些?

  1. 內联样式-<a style="color:red"></a>
  2. 内部样式-<style></style>
  3. 外部样式-写在独立.css文件中的
  4. 浏览器用户自定义样式
  5. 浏览器默认样式

2、样式优先级问题

不同级别下:

  1. !important
  2. 作为style属性内联方式-1000
  3. id选择器-100
  4. 类选择器、伪类选择器-10
  5. 元素选择器-1
  6. 通配符选择器-0
  7. 浏览器自定义或继承

相同级别内:

  1. 同一级别中后书写->先书写的
  2. css的引入方式不同 ,优先级也会不同(内部>外部>导入引入@import)
相关推荐
小云朵爱编程6 分钟前
Vue项目Iconify的使用以及自定义图标,封装图标选择器
前端·javascript·vue.js
前端大卫10 分钟前
CSS 属性值 initial、unset 和 revert 的解析
前端
shimh_凉茶22 分钟前
webpack+vue2打包分析视图插件 webpack-bundle-analyzer
前端·webpack·node.js
P***253923 分钟前
JavaScript部署
开发语言·前端·javascript
一只小阿乐34 分钟前
react 状态管理mobx中的行为模式
前端·javascript·react.js·mobx·vue开发·react开发
l***O52036 分钟前
前端路由历史监听,React与Vue实现
前端·vue.js·react.js
超级战斗鸡38 分钟前
React 性能优化教程:useMemo 和 useCallback 的正确使用方式
前端·react.js·性能优化
bemyrunningdog38 分钟前
创建 React 项目指南:Vite 与 Create React App 详
前端·react.js·前端框架
大雷神1 小时前
DevUI 实战教程:从零构建电商后台管理系统(完整版)
前端·javascript·华为·angular.js
come112341 小时前
现代前端技术栈关系详解 (PHP 开发者特供版)
开发语言·前端·php