之前写了一篇 《详解 CSS 属性 - :before && :after》 的博文,当时自己没分清楚伪元素和伪类,所以在文章内把概念混淆了,庆幸 @riophae 兄指正了我的错误,所以今天打算好好研究下两者的区别。首先,阅读 w3c 对两者的定义:CSS 伪类用于向某些选择器添加特殊的效果。CS... ...
分类:
Web程序 时间:
2016-05-22 10:51:12
阅读次数:
135
对css中基本选择器和属性选择器以及伪类选择器做了总结,但是提到伪类,与之相对应的必然是伪元素。 那么,,,二者到底有什么不能说的秘密呢?接下来 先归类下两者 伪类的种类: 伪元素的种类: 两者的使用方法: css3 为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。 : ...
分类:
Web程序 时间:
2016-05-21 01:22:52
阅读次数:
612
=======================================================================================伪类选择器input[type="radio"]+label{
border:1pxsolid#cdc3ae;
padding:5px20px;
}
input[type="radio"]{
display:none;
}
input[type="radio"]:checked+label{
border:2pxsolid#00..
分类:
Web程序 时间:
2016-05-17 01:08:54
阅读次数:
231
九、CSS 伪类 (Pseudo-classes) CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例: 1、向文档中的超链接添加不同的颜色。 在 CSS 定义中,a:hover 必须位于 a:link 和 a:visited 之后,这样才能生效!a:a ...
分类:
Web程序 时间:
2016-04-14 14:07:33
阅读次数:
173
CSS的伪类选择器常用的是link/visited/hover/active,分别对应未访问、已访问过、鼠标悬停、鼠标按下时的样式,常用于链接,使用时要按此顺序依次写CSS,不能乱1 a:link{background-color:blue;} //未访问前深蓝色2 a:visit...
分类:
Web程序 时间:
2016-01-27 12:34:42
阅读次数:
227
1.CSS中的伪类 CSS 伪类用于向某些选择器加入特殊的效果。语法:selector : pseudo-class {property: value}CSS 类也可与伪类搭配使用selector.class : pseudo-class {property: value}如以下的...
分类:
Web程序 时间:
2016-01-26 16:43:45
阅读次数:
191
CSS伪类(pseudo-classes)和伪元素(pseudo-elements)是用来支持根据DOM树之外的信息来格式化文档的能力。使用语法常被混用,但两者有着明显的不同。...
分类:
Web程序 时间:
2016-01-08 17:10:13
阅读次数:
193
:after 选择器在被选元素的内容后面插入需要的内容,用content属性来指定插入的值:before选择器在被选元素的内容前面插入需要的内容,用content属性来指定插入的值无标题文档 我是唐老鸭。 我住在 Duckburg。
分类:
Web程序 时间:
2015-12-29 15:56:12
阅读次数:
197
css-伪类和伪元素无论是伪类还是伪元素,都属于CSS选择器的范畴。所以它们的定义可以在CSS标准的选择器章节找到。分别是 CSS2.1 Selectors 和 CSS Selector Level 3,两者都已经是推荐标准。一:伪类种类css伪类用于向某些选择器添加特殊的效果二:伪元素种类css伪...
分类:
Web程序 时间:
2015-12-18 14:42:29
阅读次数:
143