主题:  css问题,引发出对CSS包含和继承的讨论

⌒孋兒⌒
职务：普通成员
等级：4
金币：10.0
发贴：1416
注册：2001/2/13 22:06:12
#12002/4/25 11:59:18
我用CSS定义了带链接的都向下动一下

可是对分解开带链接的图也是，怎么让它带链接却不动

编辑历史:[这消息被hve编辑过(编辑时间2002-04-25 20:31:51)]

闪来~闪去~
职务：普通成员
等级：6
金币：10.5
发贴：1906
注册：2004/1/13 11:00:26
#22002/4/25 12:04:07
给图再定义一个链接样式吧

就是说采用两种链接样式



闪来~闪去~
职务：普通成员
等级：6
金币：10.5
发贴：1906
注册：2004/1/13 11:00:26
#32002/4/25 12:05:29
http://www.5dmedia.com/bbs/newsdetail.asp?id=280559

看这里有方法



5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
#42002/4/25 16:22:50

img在a标记里，因此它受到连接样式的继承
我想用单独定义包含选择符的方法打破继承，(也就是不想让图片下沉)
a img{}

但这个例子中，这样做却无效，谁能解释一下。



Untitled Document





aaa

5D荣誉斑竹
职务：普通成员
等级：5
金币：10.0
发贴：3292
注册：2001/5/24 10:01:29
#52002/4/25 20:30:50


Untitled Document




aaa




----------------
a:hover { position:relative;top:1 px }
定义下沉1象素
a:hover img{position:relative;top:-1 px}
这里定位-1，原来的1象素加上这个-1，就为0，则不下沉
-----------------

得到了CSS两个问题的内容：
1。包含选择符的用法
（td a:hover以前用过，这里不再研究）
a:hover { color:red}
a:hover span { color:yellow} /* a:hover包含的span标记 */
a:hover .xxx { color:black} /* a:hover包含的xxx类选择符 */



Untitled Document




aaa
bbb
ccc




2。关于CSS中定位的问题（ postion:relative;top:1px）
CSS中的定位具有叠加性！
a:hover { position:relative;top:1 px }
定义top=1px
a:hover img{position:relative;top:-1 px}
这里会累加上面的值，也就是top=1px+(-1px)=0px(没有下沉)




Untitled Document




aaa
bbb
ccc








具体讨论看这里
www.blueidea.com/bbs/newsdetail.asp?id=457116&page=1