1、什么是复合选择器 在css中,可以根据选择器的类型,把选择器分为基础选择器和复合选择器,复合选择器是建立在基础选择器之上的,对基础选择器进行组合形成的 复合选择器可以更准确、更高效的选择目标元素(标签) 复合选择器是由两个或多个基础选择器,通过不同的方式组合而成的 常用的复合选择器:后代选择器、 ...
分类:
Web程序 时间:
2020-05-31 20:07:33
阅读次数:
128
类选择器(Class selectors) 通过设置元素的 class 属性,可以为元素指定类名。类名由开发者自己指定。 文档中的多个元素可以拥有同一个类名。 在写样式表时,类选择器是以英文句号(.)开头的。 ID选择器(ID selectors) 通过设置元素的 id 属性为该元素制定ID。ID名 ...
分类:
其他好文 时间:
2020-05-28 09:16:25
阅读次数:
132
PHP很久不用了,很多新特性都记不清了,稍微整理一下。 标量参数类型声明[7.0] 返回值类型声明[7.0] Nullable类型[7.1] 属性值类型声明[7.4] Void 函数[7.1] 箭头函数[7.4] 类常量可见性[7.1] iterable 伪类[7.1] 新的object类型[7.2 ...
分类:
Web程序 时间:
2020-05-27 20:30:12
阅读次数:
94
伪类选择器 1 <style> 2 a:link{ # 未访问连接 3 color: green; 4 } 5 a:visited{ # 已访问连接 6 color: yellow; 7 } 8 a:hover{ #鼠标悬浮颜色 9 color: aqua; 10 } 11 a:active{ # ...
分类:
其他好文 时间:
2020-05-24 20:47:43
阅读次数:
51
兄弟元素选择器 否定伪类 继承 选择器的优先级 a的伪类 ...
分类:
Web程序 时间:
2020-05-24 09:16:15
阅读次数:
63
CSSgram 一个支持Instagram 滤镜库的 Sass/CSS框架 图片演示 DEMO2 这是什么 Cssgram 是一个使用CSS给图片加上类似Instagram的滤镜库。我们所做的就是通过改变各种各样的混合模式颜色或者渐变所产生的效果运用到图片上。这也就意味着减少更少的图片处理,以及提供 ...
分类:
Web程序 时间:
2020-05-24 00:54:09
阅读次数:
76
元素的伪类 : link 用来表示未访问过的链接(正常链接) a:link{ color:yellowgreen;} : visited 用来表示访问过的链接 由于隐私问题,visited这个伪类智能修改链接的颜色(一般情况下不做修改) a:visited{ color:yellowgreen;} ...
分类:
其他好文 时间:
2020-05-21 00:31:26
阅读次数:
60
移动端不能使用click,因为click会有300ms。所有有了fastclick这样的解决方案。然后fastclick并没有解决点击态(用户点击的瞬间要有及时的外观变化反馈)的问题。hover会有不消失的问题,所有大家一般用:active。利用 :active 伪类来设置某元素被点击时的点击态样式 ...
分类:
其他好文 时间:
2020-05-19 10:28:10
阅读次数:
60
这里下划线显示使用的是伪类,用hover属性触发伪类,使其显示下划线 代码如下: width: 0; border-bottom: 2px solid blue; -webkit-transition: width 0.5s ease-in-out; -moz-transition: width 0 ...
分类:
Web程序 时间:
2020-05-18 18:24:59
阅读次数:
68
伪类描述 :active{ ... } 元素 : active{ ... } 向被激活的元素添加样式。 :focus{ ... } 元素 : focus{ ... } 向拥有键盘输入焦点的元素添加样式。 :hover{ ... } 元素 : hover{ ... } 当鼠标悬浮在元素上方时,向元素添 ...
分类:
Web程序 时间:
2020-05-18 16:39:40
阅读次数:
80