CSS 伪类用于向某些选择器添加特殊的效果。 CSS 伪类 (Pseudo-classes)实例: 超链接本例演示如何向文档中的超链接添加不同的颜色。超链接 2本例演示如何向超链接添加其他样式。超链接 - :focus 的使用本例演示如何对超链接应用 :focus 伪类(无法在 IE 中工作)。:f ...
分类:
Web程序 时间:
2016-08-21 16:36:46
阅读次数:
238
CSS里关于元素匹配里面有两个非常类似却又不尽相同的选择器,伪类 :first-child 和 :first-of-type 两者在匹配方式上有很大差异,其实在一开始自己也没去注意这个细节,直到上次一个同事遇到同级元素匹配失败的问题后才发现原来以前的理解都不正确。 先来看看可爱的同事遇到的问题: H ...
分类:
Web程序 时间:
2016-08-16 21:45:46
阅读次数:
200
CSS伪类的一个非常重要的应用就是下拉菜单。 最近在学习中发现网上纯粹用CSS实现的下拉菜单主要有两种思路:一种是通过visibility属性的切换,另一种是基于display属性的切换。二者在大体的结构上是一致的,只是对于二级子菜单的隐藏和显示的实现策略上有所不同。 下拉菜单的HTML代码如下: ...
分类:
Web程序 时间:
2016-08-15 06:39:08
阅读次数:
151
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伪类及伪元素选择器,如超链接的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
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
<a> 标签定义超链接,用于从一张页面链接到另一张页面。最重要的属性是 href 属性,它指示链接的目标,<href="#">表示跳转到自己。我们通常通过CSS伪类来添加样式 1、点击超链接后显示的窗口: target属性:用来规定在何处打开链接: 2、显示下画线: text-decoration是 ...
分类:
Web程序 时间:
2016-07-10 00:59:16
阅读次数:
235
× 目录 [1]锚点 [2]UI元素 [3]结构伪类[4]其他 前面的话 伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒号来表示,而伪元素则用两个冒号来表示。本文将详细介绍伪 ...
分类:
Web程序 时间:
2016-05-23 18:59:43
阅读次数:
250