CSS选择器世界(第2版)

CSS选择器世界(第2版)

查阅电子书
手机扫码
  • 微信扫一扫

    关注微信公众号

编辑推荐

本书介绍了CSS选择器的相关知识。

内容简介

CSS选择器是CSS世界的支柱,撑起了整个精彩纷呈的CSS世界。本书专门介绍CSS选择器的相关知识。在本书中,作者结合多年从业经验,在CSS基础知识之上,充分考虑前端开发人员的开发需求,以CSS选择器的基本概念、优先级、命名、best实践以及各伪类选择器的适用场景为技术主线,为CSS开发人员介绍有竞争力的知识和技能。本书在第1版的基础上,对选择器的特性、兼容性等相关内容进行了更新,并介绍了新增的选择器。此外,本书配有专门的网站,用以进行实例展示和问题答疑。 作为一本CSS进阶书,本书非常适合有一定CSS基础的前端开发人员学习和参考。

作者简介

作者张鑫旭,前端开发工程师,国内知名前端博客“鑫空间-鑫生活”博主,目前就职于阅文集团用户体验设计部(YUX),担任技术经理。2007年开始接触前端,10年来一直工作在前端开发一线,在HTML/CSS等与交互体验关系密切的领域花了大量的时间学习和研究,有比较多的心得体会。

章节目录

版权信息

内容提要

前言

特别感谢

特别感谢

资源与支持

第1章 概述

1.1 为什么CSS选择器很强

1.2 CSS选择器世界的一些基本概念

1.3 无效CSS选择器的特性与实际应用

第2章 CSS声明的优先级

2.1 继承与级联

2.2 详解@layer规则

2.3 叛逆的!important

2.4 CSS选择器的优先级

第3章 CSS选择器的命名

3.1 CSS选择器是否区分大小写

3.2 CSS选择器命名的合法性

3.3 CSS选择器的命名是一个哲学问题

3.4 CSS选择器设计的最佳实践

第4章 入门必学的选择器

4.1 标签选择器

4.2 类选择器

4.3 ID选择器

第5章 精通CSS选择符

5.1 后代选择符

5.2 子选择符

5.3 相邻兄弟选择符

5.4 随后兄弟选择符

5.5 快速了解列选择符

第6章 被低估的属性选择器

6.1 属性值匹配选择器逐渐兴起

6.2 属性值直接匹配选择器

6.3 属性值正则匹配选择器

6.4 忽略属性值大小写的正则匹配运算符

第7章 常见交互行为的实现

7.1 :hover伪类与悬停交互开发

7.2 使用:active伪类实现点击反馈

7.3 聚焦行为伪类:focus与用户体验

7.4 非常实用的整体焦点伪类:focus-within

7.5 键盘焦点伪类:focus-visible

第8章 通过树结构伪类匹配元素

8.1 :root伪类

8.2 要多使用:empty伪类

8.3 比较实用的子索引伪类

8.4 匹配类型的子索引伪类

第9章 不容小觑的逻辑组合伪类

9.1 务必掌握的否定伪类:not()

9.2 不要小看任意匹配伪类:is()

9.3 实用的优先级调整伪类:where()

9.4 姗姗来迟的关联伪类:has()

第10章 链接与锚点开发相关的伪类

10.1 链接历史伪类:link和:visited

10.2 值得关注的超链接伪类:any-link

10.3 实用却很少使用的目标伪类:target

10.4 了解目标容器伪类:target-within

10.5 了解链接匹配伪类:local-link

第11章 表单开发相关的伪类

11.1 输入控件状态

11.2 输入值状态

11.3 输入值验证

11.4 表单元素专用伪元素

第12章 Web Components开发中的选择器

12.1 使用:defined伪类判断组件是否初始化

12.2 使用:host伪类匹配Shadow树根元素

12.3 使用伪类:host()匹配Shadow树根元素

12.4 Shadow树根元素上下文匹配伪类:host-context()

12.5 使用::part伪元素穿透Shadow DOM元素

第13章 音视频开发中的选择器

13.1 音视频元素各种状态的匹配

13.2 视频字幕样式的控制

第14章 语言和文字相关的选择器

14.1 了解语言相关的伪类

14.2 全新的文字相关的伪元素

第15章 元素特殊显示状态匹配伪类

15.1 了解模态层匹配伪类:modal

15.2 了解全屏相关的伪类:fullscreen

15.3 了解画中画伪类:picture-in-picture

15.4 使用::backdrop伪元素改变底部蒙层

CSS选择器世界(第2版)是2023年由人民邮电出版社出版,作者张鑫旭。

得书感谢您对《CSS选择器世界(第2版)》关注和支持,如本书内容有不良信息或侵权等情形的,请联系本网站。

你可能喜欢
HTML+CSS+JavaScript网页制作(Web前端开发)(第3版) 电子书
本书依据部分“双高”院校的《Web前端技术课程教学标准》,并依据1+X证书《Web前端开发职业技能等级标准(初级)》编写,内容包括HTML5、CSS3、JavaScript、jQuery开发技术基础和典型HTML5网站开发综合案例。本书以模块化的结构来组织章节,以“爱心包装”网站的开发为主线,通过对模块中每个任务相应知识点的讲解,引导读者学习Web前端开发的基本知识,熟悉项目开发、测试的完整流程。
HTML5+CSS3 Web前端开发技术(第2版) 电子书
本书以HTML5为基础,系统阐述Web前端开发的内容,一些案例结合了HTML5与CSS3的典型应用,目的是帮助读者快速掌握网站开发技术。本书适合网站前端开发人员提高使用,也适用信息技术类及相关专业读者。
HTML+CSS+JavaScript网页制作案例教程(第2版) 电子书
本书共10章,结合HTML、CSS和JavaScript的基础知识及应用,提供了34个精选案例和1个综合实训项目。其中,第1-3章讲解了HTML和CSS的基础知识,包括Web基本概念、HTML和CSS简介、Dreamweaver工具的使用、HTML文本和图像标签、CSS选择器、CSS样式、CSS的继承性和优先等级。第4-8章分别讲解了盒子模型、列表和超链接、表格和表单、元素的浮动和定位、网页视听技
网页设计与制作教程(HTML+CSS+JavaScript)第2版 电子书
采用全新流行的Web标准,以HTML技术为基础,由浅入深、完整详细地介绍了HTML5、CSS3及JavaScript网页制作内容。
HTML5+CSS3移动Web开发实战(第2版) 电子书
本书从跨平台的移动Web实际应用的角度阐述了HTML5和CSS3的新元素和新功能。