码迷,mamicode.com
首页 >  
搜索关键字:css伪类    ( 169个结果
CSS 伪类 (Pseudo-classes)
CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例: 超链接本例演示如何向文档中的超链接添加不同的颜色。超链接 2本例演示如何向超链接添加其他样式。超链接 - :focus 的使用本例演示如何对超链接应用 :focus 伪类(无法在 IE 中工作)。:f ...
分类:Web程序   时间:2016-08-21 16:36:46    阅读次数:238
CSS伪类:first-child与:first-of-type的异同
CSS里关于元素匹配里面有两个非常类似却又不尽相同的选择器,伪类 :first-child 和 :first-of-type 两者在匹配方式上有很大差异,其实在一开始自己也没去注意这个细节,直到上次一个同事遇到同级元素匹配失败的问题后才发现原来以前的理解都不正确。 先来看看可爱的同事遇到的问题: H ...
分类:Web程序   时间:2016-08-16 21:45:46    阅读次数:200
CSS原生实现下拉列表的两种方式
CSS伪类的一个非常重要的应用就是下拉菜单。 最近在学习中发现网上纯粹用CSS实现的下拉菜单主要有两种思路:一种是通过visibility属性的切换,另一种是基于display属性的切换。二者在大体的结构上是一致的,只是对于二级子菜单的隐藏和显示的实现策略上有所不同。 下拉菜单的HTML代码如下: ...
分类:Web程序   时间:2016-08-15 06:39:08    阅读次数:151
IE8浏览器不能识别CSS伪类的解决办法。
1. 方法一:开头加上这两句 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="h ...
分类:Web程序   时间:2016-08-12 19:57:12    阅读次数:346
css伪类大全用法详解
CSS伪类及伪元素选择器,如超链接的a:link、a:visited、a:hover等等, 一、超链接 a:link{ color:red;} a:visited{ color:blue;} a:hover{ color:black;} a:active{ color:#6600CC;} 注意:设置 ...
分类:Web程序   时间:2016-08-04 19:24:00    阅读次数:856
css伪类选择器详细解析及案例使用-----伪类选择器(2)
1.E:first-child :作为父元素的第一个子元素的元素E。与E:nth-child(1)等同。 2.E:last-child :作为父元素的最后一个子元素的元素E.与E:nth-last-child(1)等同。 3.E:root :选择匹配元素E所在文档的根元素。 4.E F:nth-ch ...
分类:Web程序   时间:2016-07-25 01:34:54    阅读次数:134
css伪类选择器详细解析及案例使用-----伪类选择器(1)
或者手工在文档中指定: ...
分类:Web程序   时间:2016-07-24 10:32:49    阅读次数:150
css伪类选择器详细解析及案例使用-----伪元素
...
分类:Web程序   时间:2016-07-24 00:21:55    阅读次数:156
html中的a标签
<a> 标签定义超链接,用于从一张页面链接到另一张页面。最重要的属性是 href 属性,它指示链接的目标,<href="#">表示跳转到自己。我们通常通过CSS伪类来添加样式 1、点击超链接后显示的窗口: target属性:用来规定在何处打开链接: 2、显示下画线: text-decoration是 ...
分类:Web程序   时间:2016-07-10 00:59:16    阅读次数:235
深入理解CSS伪类
× 目录 [1]锚点 [2]UI元素 [3]结构伪类[4]其他 前面的话 伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。本文将详细介绍伪 ...
分类:Web程序   时间:2016-05-23 18:59:43    阅读次数:250
169条   上一页 1 ... 9 10 11 12 13 ... 17 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!