A标签伪类的使用方法
2005-09-21 10:42
459 查看
在CSS中, 我们经常会用到A的伪类, 但是我们也经常会混淆, 所以写在下面.
最基本的用法:
a {MARGIN: 0px;PADDING:0px;BORDER:0px;}
a:link {COLOR:#60A179;TEXT-DECORATION:none;}
a:visited{COLOR:#666;TEXT-DECORATION: none;}
a:hover{COLOR:#3AAD7E;TEXT-DECORATION: underline;}
在列表中的用法
#topmenu li a {
TEXT-DECORATION: none;
}
#topmenu li a:hover {
}
#topmenu ul li#one A { WIDTH: 60px}
#topmenu ul li#two A { WIDTH: 80px}
#topmenu ul li#three A { WIDTH: 80px}
#topmenu ul li#four A { WIDTH: 80px}
#topmenu ul li#five A { WIDTH: 80px}
#topmenu ul li#six A { WIDTH: 80px}
#topmenu ul li#seven A { WIDTH: 80px}
设置类时的用法:
a.classMenu:link {}
a.classMenu:hover {}
a.classMenu:active {}
a.classMenu:visited {}
设置ID时的用法:
a#Menu1:link {}
a#Menu1:hover {}
a#Menu1:active {}
a#Menu1:visited {}
当A的父元素有ID时的用法:
#parentid a:link {}
当A有父元素而无ID时的用法:
div a:link {}
最基本的用法:
a {MARGIN: 0px;PADDING:0px;BORDER:0px;}
a:link {COLOR:#60A179;TEXT-DECORATION:none;}
a:visited{COLOR:#666;TEXT-DECORATION: none;}
a:hover{COLOR:#3AAD7E;TEXT-DECORATION: underline;}
在列表中的用法
#topmenu li a {
TEXT-DECORATION: none;
}
#topmenu li a:hover {
}
#topmenu ul li#one A { WIDTH: 60px}
#topmenu ul li#two A { WIDTH: 80px}
#topmenu ul li#three A { WIDTH: 80px}
#topmenu ul li#four A { WIDTH: 80px}
#topmenu ul li#five A { WIDTH: 80px}
#topmenu ul li#six A { WIDTH: 80px}
#topmenu ul li#seven A { WIDTH: 80px}
设置类时的用法:
a.classMenu:link {}
a.classMenu:hover {}
a.classMenu:active {}
a.classMenu:visited {}
设置ID时的用法:
a#Menu1:link {}
a#Menu1:hover {}
a#Menu1:active {}
a#Menu1:visited {}
当A的父元素有ID时的用法:
#parentid a:link {}
当A有父元素而无ID时的用法:
div a:link {}
相关文章推荐
- 有关于a标签的4个伪类的使用方法
- iOS UILable标签的使用方法
- struts的logic标签详细使用方法及举例说明
- dede:channel标签的使用方法
- jsp中jstl标签库使用方法总结
- 使用a标签创建引入js中的方法
- JSTL核心标签库的使用方法和示例
- Struts2 标签不能使用静态方法的原因
- fieldset和legend标签的属性和使用方法
- a标签的四个伪类使用顺序
- UUB标签的使用方法
- 使用反射机制调用service层方法Autowired标签自动注入失败
- 织梦自定义标签使用方法
- html+css使用空白标签巧妙实现不同尺寸的图片在容器里垂直居中的方法
- struts2 #,%{},%{#}的使用方法以及s:if标签
- HTML <fieldset> 标签使用方法
- 使用tabindex属性是的标签具有onblur,onfocus方法
- dedeCMS使用arclist标签调用自定义字段的方法
- Django 模板中 变量 过滤器 标签 的使用方法
- 【jstl】jsp标准标签库——标签使用方法整理