CSS 伪类 (Pseudo-classes)实例CSS 伪类用于向某些选择器添加特殊的效果在支持 CSS 的浏览器中，链接的不同状态都可以不同的方式显示，这些状态包括：活动状态，已被访问状态，未被访问状态，和鼠标悬停状态。a:link {color: #FF0000} /* 未访问的链接 */a: ...
分类：
Web程序 时间：
2018-11-20 13:22:34
阅读次数：
244
CSS 伪类 (Pseudo-classes) CSS 相邻兄弟选择器 CSS 伪元素 CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例： 超链接 本例演示如何向文档中的超链接添加不同的颜色。 超链接 2 本例演示如何向超链接添加其他样式。 超链接 - ...
分类：
Web程序 时间：
2018-11-02 00:30:57
阅读次数：
180
伪类：CSS伪类是用于给一个元素定义一个特殊的状态。 语法： 常见的四种： 1 a:link {color:#FF0000;} 2 a:visited {color:#00FF00;} 3 a:hover {color:#FF00FF;} 4 a:active {color:#0000FF;} 伪元 ...
分类：
其他好文 时间：
2018-10-24 01:14:03
阅读次数：
135
/*'爱恨原则' love hate*/ /*没有被访问的a标签的样式*/ .box ul li.item1 a:link{ color: #666; } /*访问过后的a标签的样式*/ .box ul li.item2 a:visited{ ... ...
分类：
Web程序 时间：
2018-10-21 00:57:52
阅读次数：
178
伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器 遵循"爱恨准则",LoVe HAte/*没有被访问的a标签的样式*/ .box ul li.item1 a:link{ color: #666; } /*访问过后的a标签的样式*/ .box ul li.item2 a:vi... ...
分类：
Web程序 时间：
2018-10-18 19:22:05
阅读次数：
192
自定义常用input表单元素的第三篇，自定义一个Switch开关，表面上看是和input没关系，其实这里采用的是checkbox的checked值的切换。同样，采用css伪类和“+”css选择器为思路，下面是预览图： 下面先放HTML代码，看下DOM结构： DOM结构没什么特别的，就是一个常用的ch ...
分类：
Web程序 时间：
2018-09-11 21:30:14
阅读次数：
608
伪类选择符归纳 伪类选择符比较多，不加以归类很难记清楚记全；我们可以先把他分为两类 + 和元素本身转态有关，类似于链接点击前，点击后 + 和元素在DOM结构中所处的结构有关，类似于第n个元素，或者奇数行。 一、和元素本身转态有关 1. ,`:visited :hover :active` + 指的是 ...
分类：
Web程序 时间：
2018-09-05 09:14:06
阅读次数：
213
1,。 表示任何处于选中状态的radio(<input type="radio">), checkbox (<input type="checkbox">) 或("select") 元素中的option HTML元素("option")) 。 用户通过点击元素或选择其他的值，可以改变该元素的 :ch ...
分类：
Web程序 时间：
2018-08-30 14:30:22
阅读次数：
1442
之前在项目中使用滑块开关按钮，纯css写的，不考虑兼容低版本浏览器，先说下原理： 使用 checkbox 的 选中 checked 属性改变css 伪类样式， 一定要使用-webkit-appearance: none; 先清除checkbox的默认样式 ，否则写其他的样式不起作用； 好，不多说，直 ...
分类：
Web程序 时间：
2018-08-28 00:52:28
阅读次数：
259
1、伪类 参考链接： "CSS 伪类|runoob.com" css伪类，个人理解内容为，为了提供一下选择器的特殊功能，给我感觉最有用的是:hover（哈哈，我水平也比较低） 参考链接中也有所有的伪类链接。 :not() 伪类 参考链接： "否定伪类|MDN" / 类名不是 的 元素 / p:not ...
分类：
其他好文 时间：
2018-06-23 18:53:38
阅读次数：
162
