A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© naruto2205 中级黑马   /  2013-12-16 22:37  /  1161 人查看  /  6 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

伪选择器是否可以用于除a标签之外的元素?

6 个回复

倒序浏览
可以。。只是可能浏览器不兼容
回复 使用道具 举报
查CSS文档去,不同的标签有不同的威选择器,不仅只是a标签的那四个
回复 使用道具 举报
可以、、、、、、
回复 使用道具 举报
可以使用csshover.htc文件。
是国外一名作者写的,用于解决低版本IE不支持a以外的元素使用:hover 、:active 伪类的问题。
简单的说下使用方法:
下载csshover.htc文件至网站目录,然后在CSS文件中引用它就好了。
如:
li:hover {
    color:red;
    behavior:url(csshover.htc);
}
亦或者建立一个标签组来应用它:
div , li , h1 , h2 {
    behavior:url(csshover.htc);
}
这样你就不用在每一个需要应用的元素内部写代码了。

建议:
尽量用具体的选择器,避免用*号。建议的写法如下:
#nav ul li ,#sidebar ul li , #page-nav .menu span {
    behavior:url(csshover.htc);
}
这样写,可以避免程序历遍整个网页所带来的资源消耗。

推荐中小型网站使用。大型网站谨慎使用,尽可能使用js解决hover兼容问题。
更多的使用方法,可以在网上搜一下,有很多文章可供参考。

评分

参与人数 1技术分 +1 收起 理由
V_John + 1

查看全部评分

回复 使用道具 举报
可以。。。。。。。。
回复 使用道具 举报
伪类:
伪类常用于超链接标签<a>中,当然也可以用于其他标签,例如输入框<input>等。伪类主要有以下几种类型:
            :link(正常情况,即未访问时的状态)
            :visited (被访问过后的状态)
            :active(按下鼠标时的状态)
            :hover(鼠标放在其上的状态)
            :focus(获得输入焦点时的状态)
            :first-child(第一个子元素的样式定义)
            :lang () (特定语言环境时的样式)
举个例子,例如在导航栏菜单中,鼠标放在上面时,经常或改变背景颜色,可以这么设置:
               a.menu : hover {background: red;}
此时,class属性名为menu的菜单在鼠标放置上方时,背景就会变成红色,提醒访问者。
也可以将不同的伪类结合起来,比如:
              a:visited:hover {background:green;}
当把鼠标放在已经访问过的超链接时,背景为绿色。
伪元素:
   跟伪类相类似,常用伪元素有以下几种:
            :first-letter (第一个字母、汉字等)
            :first-line(第一行)
            :before (标签内容之前)
            :after(标签内容之后)
例如:
             body:after  {cotent: end; color:blue;}
在页面结束后,会自动加上红色的end字样。
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马