更新时间：2023-06-21 18:53:34
封面
版权信息
版权
内容提要
前言
CSS的发展太快了
CSS选择器进阶的意义
正确认识本书
配套网站
特别感谢
资源与支持
配套资源
提交勘误
扫码关注本书
与我们联系
关于异步社区和异步图书
第1章 概述
1.1 为什么CSS选择器很强
1.2 CSS选择器世界的一些基本概念
1.2.1 选择器、选择符、伪类和伪元素
1.2.2 CSS选择器的作用域
1.2.3 CSS选择器的命名空间
1.3 无效CSS选择器的特性与实际应用
第2章 CSS声明的优先级
2.1 继承与级联
2.1.1 优先级的底层——继承
2.1.2 优先级的中枢——级联
2.2 详解@layer规则
2.2.1 @layer规则解决的问题
2.2.2 掌握@layer规则的语法
2.2.3 使整个CSS变成@layer
2.2.4 @layer规则的嵌套
2.3 叛逆的!important
2.3.1 !important与层级跨越
2.3.2 !important的逆向越级
2.4 CSS选择器的优先级
2.4.1 同等级CSS优先级规则概览
2.4.2 CSS选择器优先级的计算规则
2.4.3 256个选择器的越级现象
2.4.4 为什么按钮:hover变色了
第3章 CSS选择器的命名
3.1 CSS选择器是否区分大小写
3.2 CSS选择器命名的合法性
规范与更多字符的合法性
3.3 CSS选择器的命名是一个哲学问题
3.3.1 长命名还是短命名
3.3.2 单命名还是组合命名
3.3.3 面向属性的命名和面向语义的命名
3.3.4 我是如何命名的
3.4 CSS选择器设计的最佳实践
3.4.1 不要使用ID选择器
3.4.2 不要嵌套选择器
3.4.3 不要歧视面向属性的命名
3.4.4 正确使用状态类名
3.4.5 工具带来的变化
3.4.6 最佳实践汇总
第4章 入门必学的选择器
4.1 标签选择器
4.1.1 标签选择器二三事
4.1.2 特殊的标签选择器：通配选择器
4.2 类选择器
4.2.1 类选择器脱颖而出的原因
4.2.2 类选择器的其他小知识
4.3 ID选择器
第5章 精通CSS选择符
5.1 后代选择符——空格（ ）
5.1.1 对CSS后代选择符可能的错误认识
5.1.2 对JavaScript中后代选择符可能的错误认识
5.1.3 :scope伪类
5.2 子选择符——箭头（>）
5.2.1 子选择符和后代选择符的区别
5.2.2 适合使用子选择符的场景
5.3 相邻兄弟选择符——加号（+）
5.3.1 相邻兄弟选择符的相关细节
5.3.2 实现类似:first-child伪类的效果
5.3.3 众多高级选择器技术的核心
5.4 随后兄弟选择符——波浪线（~）
5.4.1 随后兄弟选择符和相邻兄弟选择符的区别
5.4.2 如何实现前面兄弟选择符的效果
5.5 快速了解列选择符——双管道（||）
第6章 被低估的属性选择器
6.1 属性值匹配选择器逐渐兴起
6.2 属性值直接匹配选择器
6.2.1 详细了解4种选择器
6.2.2 AMCSS开发模式简介
6.3 属性值正则匹配选择器
6.3.1 详细了解3种选择器
6.3.2 CSS属性选择器搜索过滤技术
6.4 忽略属性值大小写的正则匹配运算符
第7章 常见交互行为的实现
7.1 :hover伪类与悬停交互开发
7.1.1 体验优化与:hover延时
7.1.2 非子元素的:hover显示
7.1.3 纯:hover显示浮层的体验问题
7.2 使用:active伪类实现点击反馈
7.2.1 :active伪类概述
7.2.2 按钮的通用:active样式技巧
7.2.3 :active伪类与CSS数据上报
7.3 聚焦行为伪类:focus与用户体验
7.3.1 :focus伪类匹配机制
