CSS 伪类 (Pseudo-classes) CSS 相邻兄弟选择器 CSS 伪元素 CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例: 超链接 本例演示如何向文档中的超链接添加不同的颜色。 超链接 2 本例演示如何向超链接添加其他样式。 超链接 - ...
分类:
Web程序 时间:
2018-11-02 00:30:57
阅读次数:
180
推荐使用: 将clearfix添加到父元素,即可清除浮动,原理与添加一个空的块级元素再添加clear: both样式一样,但是使用伪元素可以不破坏页面结构 此时要注意父元素原来是否已经设置了::after伪元素,避免冲突 ...
分类:
其他好文 时间:
2018-11-01 11:31:33
阅读次数:
118
什么是伪类: 伪类用于定义元素的特殊状态。 例如,它可用于: 当用户将鼠标悬停在元素上时为其设置样式 样式访问和未访问的链接不同 在获得焦点时设置元素的样式 伪类的用法:伪类:{ } 伪类的种类: /*链接伪类*/ 注意:link,:visited,:target是作用于链接元素的! :link 表 ...
分类:
Web程序 时间:
2018-10-30 14:51:28
阅读次数:
378
伪类与伪元素的区别 伪类与伪元素的区别 在CSS1和CSS2中对伪类和伪选择器没有做出很明显的区别定义,而二者在语法是一样的,都是以:开头,这造成很多人会将某些伪元素误认为是伪类,如:before,:after;而在CSS3给出的定义中,二者区别更为明显,也更容易理解。 一、定义 伪类 The ps ...
分类:
其他好文 时间:
2018-10-28 16:04:16
阅读次数:
134
1.img的元素类型,块级还是行级 2.关于hack 3.伪类,伪元素 4.居中总结 5.深入理解闭包 6.关于setTimeout与setIntever的问题讨论 7.每天面试题 ...
分类:
Web程序 时间:
2018-10-27 01:28:53
阅读次数:
204
利用伪元素:after清除浮动 让页面呈现多列布局时经常会使用 float:left/right ,可是浮动布局会导致父元素的高度为0(未设置高度的情况下),不会根据子元素的高度而变化,另外,后面不需要浮动想在下一行显示的标签出现在浮动元素的后面。 #content{background:#000; ...
分类:
其他好文 时间:
2018-10-27 00:25:50
阅读次数:
243
相同点:伪类和伪元素是预定义的、独立于文档元素的。它们获取元素的途径也不是基于id、class、属性这些基础的元素特征,而是在处于特殊状态的元素(伪类),或者是元素中特别的内容(伪元素)。当然,伪类和伪元素的表示形式也使用“:”(英文冒号)与其它选择器相区分。 不同点:伪类和伪元素的根本区别在于:它 ...
分类:
其他好文 时间:
2018-10-25 18:03:58
阅读次数:
114
CSS 伪元素用于向某些选择器设置特殊效果 语法: 相同点: 两者均以selector:或者selector.class:的形式开头。不同点: 伪类用于选择DOM树之外的信息,或是不能用简单选择器进行表示的信息。前者包含那些匹配指定状态的元素,比如:visited,:active;后者包含那些满足一 ...
分类:
其他好文 时间:
2018-10-25 11:06:06
阅读次数:
188
伪类: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
个人感想:由于原文中大多来自菜鸟教程的总结,伪类和伪元素目前就知道是用来改变浏览时的部分变化,他的功能很实用,给浏览者一个良好的浏览体验,我个人比较喜欢伪元素中的:before和:after,他解决了很多图片需要伴随文字的过程,而不需要去单独把图片和文字分开,减少了很多繁琐的·内容。 ...
分类:
其他好文 时间:
2018-10-22 10:20:23
阅读次数:
188