css的选择器及它的种类特性?
2024-09-06 17:41:00
今天主要说的是选择器的基础,
首先看,选择器的优先级:!important > 行间样式 > id选择器 > class 选择器 == 属性选择器 > 标签选择器 > 通配符
最基本选择器主要分为标签选择器,类选择器,ID选择器和通配选择器。
一、css的权重:在css中,哪个选择器的权重高,就走谁的样式
1.最高级别!important
2.行内式 1000
3.ID选择器 100
4.类选择器、伪类、属性选择器 10
5.元素选择器、伪元素 1
6.其它为0
他的种类又分为
二、Css选择器的种类
标签、权重是0001,
类class、权重是0010 相当于255个标签选择器
Id、权重是0100相当于255个类
*通配符、代表所有的标签 权重是0000
后代选择器、(.a p )累加0011.
子代选择器、(.a>p)权重是0011
交集选择器 (.a#as)
并集选择器:(.a,.b)
css选择器的两大特性
Css选择器的两大特性:1. 继承性-所有跟文本字体有关的属性都会被子元素继承,且权重为0000,
2. 层叠性—就是解决选择器权重冲突的一种能力,就是看那个选择器的权重大,谁的权重大听谁的,
最新文章
- 前端页面开发,最低兼容IE 8的多设备跨平台问题解决!
- Xcode编程环境经验笔记(持续汇总)
- pip 国内源 gem 国内源
- Python多线程和Python的锁
- BuzzSumo:什么样的文章能获得疯转?(基于1亿篇文章大数据分析)
- CSS3秘笈:第九章
- sqlmap完成简单的sql注入
- 使用input file上传文件中onChange事件只触发一次问题
- FragmentTabHostTopDemo【FragmentTabHost固定宽度且居中】
- vins-mono:雅可比矩阵的推导
- ogg 12.3 for sqlserver 2016 CDC模式配置
- 改变onclick的作用域
- linux网络操作 配置文件
- HashMap.put()和get()原理
- C++ 定时器Timer在项目中的使用
- Ultimate guide to learning AngularJS in one day
- nginx源码编译以及源码编译过程中遇到的问题
- 【hive】解析json格式字符串
- [Maven实战-许晓斌]-[第二章]-2.4设置HTTP代理
- IE浏览器 div或者其他容器的height属性无效 滚动条问题解决办法
热门文章
- 【题解】P4503 [CTSC2014]企鹅QQ(哈希)
- $loj\ 6045$ [雅礼集训 $2017\ Day8$] 价 网络流
- [01]java基础回顾
- 07Shell数组
- Vuex入门实践(上)
- Codeforces Round #609 (Div. 2)前五题题解
- Linux学习_菜鸟教程_1
- TensorFlow——训练模型的保存和载入的方法介绍
- FastOne专业计算平台助力生命科学研发
- canal 基于Mysql数据库增量日志解析