有两个div一个是#a,一个是#b,能通过#a:hover来改变#b的样式吗??如果能怎么写??
有两个div一个是#a,一个是#b,能通过#a:hover来改变#b的样式吗??如果能怎么写??
日期:2018-01-05 10:20:41 人气:1
这种不通过JS脚本,仅通过CSS实现有两种方法:
1、如果你#b元素是#a元素的子元素,可以直接通过 #a #b {...}这种方式定义CSS样式来控制
2、#a与#b是亲兄弟关系,有相同的父节点,且#b跟#a紧临,可以通过 #a + #b{..}来控制#b里面的元素样式;
下面给出第二种方式的示例:
#a {color : #99ff66;} #a + #b{color : #FF0000;}HTML元素:
元素1元素2元素3如果上面的b与c调换位置则对应的CSS设置将不生效。