css子元素hover时它的父元素也保持hover状态,css代码怎么写?谢谢大家!

html-css031

css子元素hover时它的父元素也保持hover状态,css代码怎么写?谢谢大家!,第1张

    html charset=utf-吧">    css">       p.a:hover{              background-color: pink         }                    因为hover属于 CSS 的一个伪类!你要求,鼠标悬停在img标签上是修改div的背景颜色用hover写,代码就这样了! 需要注意几点:  一.  p.a:hover{...}意思是类名为"a"的"p"元素(也就是那张图片)。  二.因为你的图片在div里,所以改变图片的背景颜色,也就是改变div的背景颜色!  希望能够帮到你,望采纳

1、按顺序在父级样式后面建立样式覆盖。顺序是从上往下,最后的顺序,是在元素里面比如:<div style="width:100px"></div>最后的宽度是100PX,不管父级设置了多少。

2、:hover 伪类,除了IE6及以下不支持A以外的:hover,其它都支持了,用法很简单:

li{backgournd:#000000}

li:hover{background:#ffffff}

3、不同形状的图层进行叠加,使用定位,把它们定在同一个位置上,使用Z-INDEX来显示它们的排序就可以了,越小就在越底层,,

可以是可以,就是你在写html结构的时候,一定要把另一个元素写在你hover的元素里面,即要求hover的元素是父元素,移动的元素是子元素,然后写css的时候可以 div.hover a {...}