前端初级学习阶段（2）

最新推荐文章于 2022-05-13 15:42:23 发布

VIP文章前端大叔熟

最新推荐文章于 2022-05-13 15:42:23 发布

阅读量404

点赞数

分类专栏： HTML 科技 web前端程序员 css JavaScript 编程资讯文章标签：程序员编程 web前端资讯科技

本文链接：https://blog.csdn.net/ITmiaomiao666/article/details/93529232

版权

CSS选择器(基本、层级、属性、伪类、伪状态)

CSS常用样式属性

CSS3 过渡、变换、动画

CSS3 3D场景搭建与应用

选择器	例子	例子描述	CSS规范级别
ID 选择器	`#login`	选择 id=“login” 的元素	1
类别选择器	`.btn`	选择 class=“btn” 的所有元素	1
元素选择器	`div`	选择所有 div 标签	1
通配选择器	`*`	选择所有标签	2
属性选择器	`[type]`	选择有 type 属性的所有元素	2
属性选择器	`[type=file]`	选择 type=“file” 且全匹配的所有元素	2
属性选择器	`[class~=file]`	选择有 class=“file” 且多值匹配属性的所有元素	2
属性选择器	`[type｜=file]`	选择有 type 属性且值为 file 或 file- 为前缀的所有元素	2
属性选择器	`[type^=file]`	选择有 type 属性且 file 开头的所有元素	3
属性选择器	`[type$=file]`	选择有 type 属性且 file 结尾的所有元素	3
属性选择器	`[type*=file]`	选择有 type 属性且包含 file 的所有元素	3

CSS规范级别代表 CSS 1、CSS 2.1、CSS Selectors Level 3、Selectors Level 4。
[type｜=file] 实际为 [type|=file] ，在表格中无法输入所以改成全角。（有会输入的可以告诉我~）

选择器	例子	例子描述	CSS规范级别
分组	`html,body`	选择 `<html>` 和 `<body >`	1
后代 `空格`	`ul li`	选择祖先元素为元素的所有元素。	1
下级	`ul>li`	选择父元素为元素的所有元素。	2
相邻兄弟	`div+div`	选择紧接在元素之后的元素。	2
兄弟	`h2~div`	选择在元素之后的所有元素	3

选择器	例子	例子描述	CSS规范级别
`:link`	`a:link`	未被访问的链接	1
`:visited`	`a:visited`	已被访问的链接	1
`:hover`	`a:hover`	&

关注