html中基本选择器的优先级,CSS_CSS中的各种选择器与样式优先级小结,优先级:由高到低(从上到下)- phpStudy...
CSS中的各种选择器与样式优先级小结
优先级:由高到低(从上到下)
!important
内联(1,0,0,0)
id: (0,1,0,0)
类:(0,0,1,0)
伪类/属性
元素:(0,0,0,1)
通配符
类选择器
class="web",多个元素可以拥有同一个类名
id选择器id="web",具有唯一性
伪类选择器CSS伪类(pseudo-class)是加在选择器后面的用来指定元素状态的关键字。
链接相关a:link 未访问的链接
a:visited 已访问的链接
a:hover 鼠标移动到链接上
a:active 选定的链接
:target 可用于选取当前活动的目标元素,href="#222"(内容跳转)
表单元素相关:focus 伪类在元素获得焦点时向元素添加特殊的样式
:disabled 匹配每个被禁用的元素(大多用在表单元素上)。
:enabled 表示任何启用的(enabled)元素
:checked 匹配每个已被选中的 input 元素(只用于单选按钮和复选框)(只有opera支持)
父子相关:empty 代表没有子元素的元素,只计算元素结点及文本(包括空格),注释、运行指令不考虑在内。
:first-child 代表了某个元素,这个元素是它父元素的的第一个子元素
CSS Code复制内容到剪贴板
:first-of-type
:last-of-type
:nth-clild(n) 选择器匹配属于其父元素的第 N 个子元素,不论元素的类型
n 可以是数字、关键词或公式(2,an + b,odd)(n 是计数器(从 0 开始),b 是偏移值)
:nth-last-child(n)倒数
:nth-of-type(n)
属性选择器E[attr]
E[attr=value]
E[attr~=value] 选择器用于选取属性值中包含指定词汇的元素
E[attr^=value] 选择器匹配属性值以指定值开头的每个元素。
父子关系
A E 任何是元素A的后代元素E (后代节点指A的子节点,子节点的子节点,以此类推)
A > E 任何元素A的子元素(直接)
CSS Code复制内容到剪贴板
E[attr*=value]
E[attr$=value]
基于关系的选择器
兄弟关系
B + E 任何元素B的下一个兄弟元素E(直接)
B ~ E B元素后面的拥有共同父元素的兄弟元素E
且
.class1.class2 同时包含class1和class2属性的元素
F#id 具有某id的F元素
或
E,F 所有E或F元素
伪元素
E:first-line 向文本的首行添加特殊样式。
E:first-letter 向文本的第一个字母添加特殊样式。
E:before 在元素之前添加内容。
E:after 在元素之后添加内容。相关阅读:
深入解析C++的循环链表与双向链表设计的API实现
CSS定义超链接样式的顺序及四个伪类的用法示例介绍
sql server中查找特定类别的列的写法
ASP.NET验证码实现(附源码)
Win10预览版10525出现错误代码0x8007232B的原因
JavaScript实现当网页加载完成后执行指定函数的方法
CSS重要属性之 margin 属性知识大整合(必看篇)
纯javascript响应式树形菜单效果
win7系统无法登录阿里旺旺怎么办?win7系统电脑无法登录阿里旺旺聊天的多种解决方法
Win7开机黑屏提示“explorer无法启动uxtheme.dll丢失”的解决方法
C#版Windows服务安装卸载小工具
js实现不提交表单获取单选按钮值的方法
Ubuntu 14.04中启用本地菜单的方法
SQLite教程(二):C/C++接口简介
html中基本选择器的优先级,CSS_CSS中的各种选择器与样式优先级小结,优先级:由高到低(从上到下)- phpStudy...相关推荐
- 线程间定制化调用通信—— 1 高内聚低耦合的前提下,线程操作资源类 2 判断/干活/通知 3 多线程交互中,必须要防止多线程的虚假唤醒,也即(判断只用while,不能用if)
生产者与消费者模式 一个生产者与一个消费者 题目:现在有两个线程,可以操作初始值为0的一个变量,实现一个线程对该变量加1,另一个线程对该变量减1,这两个线程的操作加一.减一交替,进行10轮,变量的初始 ...
- 单词迷阵游戏就是从一个10x10的字母矩阵中找出目标单词,查找方向可以从左往右、从右往左、从上往下或者从下往上。例如下面的迷阵中包含quot等单词。
单词迷阵游戏就是从一个10x10的字母矩阵中找出目标单词,查找方向可以从左往右.从右往左.从上往下或者从下往上.例如下面的迷阵中包含quot等单词. rmhlzxceuq bxmichelle mnn ...
- php中控制段落的行距,CSS_CSS教程(7):网页段落行间距控制的实例,本文主要讲解如何用CSS控制网 - phpStudy...
CSS教程(7):网页段落行间距控制的实例 本文主要讲解如何用CSS控制网页段落行间距的三个实例:1.使用百分比设置行间距,2.使用像素值设置行间距,3.使用数值来设置行间距. 本文主要讲解如何用CS ...
- 你如何检查选择器是否匹配jQuery中的内容? [重复]
本文翻译自:How do you check if a selector matches something in jQuery? [duplicate] This question already ...
- linux软中断优先级,Linux中软中断机制分析
Linux中软中断实现分析 在Linux中最多可以注册32个软中断,目前系统用了6个软中断,他们为:定时器处理.SCSI处理.网络收发处理以及Tasklet机制,这里的tasklet机制就是用来实现下 ...
- android类中定义颜色,自定义实现简单的Android颜色选择器(附带源码)
在写Android App过程中需要一个简单的颜色选择器,Android自带的ColorPicker和网上的一些ColorPicker都太高端了,都实现了颜色渐变功能,我要的不需要那么复杂,只想提供几 ...
- jquery选择器连续选择_JQuery中的选择器
jquery选择器连续选择 It's time to write some JQuery now. Do check out the introductory article on JQuery fi ...
- vue3 + vite + ts + setup , 第十二练 Vue3 css style 新特性,样式穿透,插槽选择器,全局选择器,在vue3中使用tailwindcss
一.vue3.x 样式新特性 样式穿透 深度选择器 <style scoped> .a :deep(.b) {/* ... */ } </style> 插槽选择器 <s ...
- html中的选择器都是有哪些,基本css选择器有哪些?
CSS选择器:就是指定CSS要作用的标签,那个标签的名称就是选择器.意为:选择哪个容器.CSS的选择器分为两大类:基本选择题和扩展选择器. css基本选择器:标签选择器:针对一类标签 ID选择器:针对 ...
最新文章
- 手机网页H5 自适应不同分辨率的屏幕 必学标签meta之viewport
- unity 关闭自己脚本_Unity3D 挂载的脚本取消勾选居然还会运行!!
- 成绩统计自动计算表格_电气计算太慢?62套自动计算EXCEL表格,一键下载秒出结果...
- 细数开源历史上的九个重大事件
- 阿里云高级技术专家张毅萍:我眼中的边缘计算
- MyBatis 配置文件 用户密码加密存储
- 有故事、有实践,谈一谈深度迁移学习方法的基本思路
- 系统分析师资料_软考 系统分析师考试通过总结
- 藏不住了,Flink 未来发展的最新方向在这里!
- MT4指标三线KDJ指标下载
- 【c++思维导图与代码示例】02 函数
- PHP和js做分页功能,php+js实现分页
- Carboxyrhodamine 110-PEG4-DBCO,羧罗丹明110-PEG4-DBCO是一种荧光标记染料
- 微服务分布式构架开发实战PDF,阿里架构师推荐,快快收藏吧
- 减轻学生过重课业负担的规定
- 51单片机8位带符号乘法运算(汇编)
- android 反调试 方案,【木马分析】使用高级反调试与反HOOK的安卓恶意ROOT软件的深度分析(一):NATIVE层的调试...
- Web开发者的福利 30段超实用CSS代码笔记
- 西安交通大学药物分析专业学硕考研上岸经验分享
- zzulioj1166实数取整(指针专题)