CSS 选择符有哪些 1.id选择器( id) 2.类选择器(.class) 3.标签选择器(div,h1,p) 4.相邻选择器(h1 + p) 5.子选择器(ul li) 6.后代选择器(li a) 7.通配符选择器( ) 8.属性选择器(a[title]) 9.伪类选择器(a:hover,li: ...
分类:
编程语言 时间:
2020-04-21 12:49:25
阅读次数:
73
一、伪类选择器 伪选择器弥补了常规选择器的不足,能够实现一些特殊情况下的样式,例如在鼠标悬停时或只给字符串中的第一个字符指定样式。与类选择器类似,可以从HTML元素的class属性中查看到,但伪选择器不会出现在HTML文档中(有几个例外,如:lang、::placeholder等)。并且它的关键字大 ...
分类:
Web程序 时间:
2020-04-07 09:57:58
阅读次数:
119
对css的伪类选择器真的是又爱又恨,每次都很完美的被搞混了,还是得做一下总结。 :nth of type(n) 选择第n个元素 :first of type 选择第一个元素 :last of type 选择最后一个元素 :nth child(n) 选择父元素的第n个子元素 :nth last chi ...
分类:
Web程序 时间:
2020-03-24 19:05:22
阅读次数:
232
1: 目标伪类选择器: :target { color: red; font-size: 30px; } 2: ...
分类:
Web程序 时间:
2020-03-24 13:16:56
阅读次数:
81
1、渐进增强:(从小到大) 先保证最基本的功能 ~> 用户体验的提升 优雅降级:(从大到小) 先针对版本较高的设备进行项目构建,保证用户体验的完美 ~>牺牲一些效果,保证最基本的功能2、选择器(选择符): id class 类型(div span...) 后代选择器 伪类选择器 伪元素选择器...( ...
分类:
Web程序 时间:
2020-03-21 12:49:34
阅读次数:
97
当我们在使用伪类选择器时发现并没有起作用,显示为白色, 具体是缺少css插件。 解决方法:按ctrl+shift+p 选择Package Control:Install Package(下载拓展包),这时可能会出现如下情况。 (There are no packages available for ...
分类:
其他好文 时间:
2020-03-20 23:51:09
阅读次数:
76
1 css语法 2 css导入样式 3 css选择器 3 1 基本选择器 3 2 组合选择器 3 3 分组和嵌套 3 4 属性选择器 3 5 伪类选择器 3 6 伪元素选择器 4 CSS选择器的优先级 5 css属性 5 1 文字相关的属性 5 2 宽度和高度 5 3 背景background 5 ...
分类:
Web程序 时间:
2020-03-14 01:21:57
阅读次数:
69
<!-- ##简单选择器 1.ID选择器 2.元素选择器 3.类选择器 4.通配符选择器*{} 5.属性选择器 [元素名="#"]{} 6.伪类选择器 :hover 或者a:hover 鼠标悬停时的状态 # active{} a:active{} 鼠标按下的元素有效果(通常用在a元素中)## lin ...
分类:
其他好文 时间:
2020-03-08 13:40:43
阅读次数:
62
HTML5简介 万维网的核心语言,标准通用标记语言的写一个应用超文本标记语言(HTML)的第五次重大修改,作为新HTML语言,具有新的元素,属性和行为;广义的HTML是包含HTML5本身 + CSS3 + JavaScript,虽然不被所有浏览器所支持,但它是一种趋势; 新增语义化标签 注意: 1. ...
分类:
其他好文 时间:
2020-03-06 23:57:38
阅读次数:
108
一、选择器优先级(权重) 选择器 行内样式(内联样式) id选择器 类选择器/属性选择器/伪类选择器 标签选择器 权重 1000 100 10 1 !importan简介 语法格式:{cssRule !important},即写在定义的最后面; 声明了!important的样式,具有最高的优先级 b ...
分类:
Web程序 时间:
2020-03-05 20:55:35
阅读次数:
98