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

html-css024

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的背景颜色！  希望能够帮到你，望采纳

给左侧strong和右侧a分别设置合适的宽度，你没设置的话，他们默认宽度会和整个父级div一样，两个很长的东西，父级就装不下他们，只能换行了。

下面div总宽1000px，里面两个左右浮动的p，宽度分别为500px，div刚好能容下他们，你试试把任意一个p宽度改为501px，多1px，马上挤下去变两行。

<div style="width:1000px">

<p style="width:500pxfloat:left">Left txt</p>

<p style="width:500pxfloat:right">Right txt</p>

</div>

CSS用来布局网页的，用CSS+DIV布局可以让网页代码不至于那么乱，而且修改起来的时候方便很多，可以节省很多时间，最简易的一个例子是：你要修改一个网页的文字风格，你要一页一页的慢慢改，但用了CSS后，你只要改一下那个代码就可以了。方便快捷。你用DW8的话你只要打开代码器在<head></head>之间输入代码就可以 了，不过一般建设网站是不这样的，一般用外部CSS。你可以在新建那里新建一个CSS。在那那输入代码然后。在网页页面中<head></head>的输入<link herf+"地址" rel="stylesheet" type="text/css"就可以啦、