css中设置了hover 为什么还要设置 hover span?

2024-11-07 19:15:03
推荐回答(5个)
回答1:

1、你的li标签中包含有span标签,CSS定义了li标签的鼠标经过效果时,还定义了span标签鼠标经过的单独效果
2、这里的right -163px 和 right -132px 这个right,还有你后面提到的0 -163px, 0 -132px,指的都是是背景图片的平铺方式。你会看到有些背景图片是很多张背景图片放在一同一个图片中调用的,这里就是这样用的,我先给你解释第一个right -163px,意思是背景图片靠右从上面163px起平铺,第二个0 -163px,是从水平位置0px,垂直163px处开始平铺你的背景图片,这种取背景图片都是先取水平位置再取垂直位置的,我这么说可能你不太了解,你试验一下就明白了
3、在CSS里面,right和left、和数值型的像素是可以混用的,你这里的right -163px,你第一个第二个问题,都是说的背景图片平铺取值。
4、如果你是新接触CSS,你不需要这样写,每一个背景图片都单独做一个图片,单独调用,你用的时候就用不到这些了,等你熟悉以后,可以再把很多的背景图片整合到一个图片文件中,统一调用,哪个时候你再来看这个,就简单啦。

回答2:

1.hover是鼠标悬停后的样式嘛,因为a 下面span在鼠标悬停后,也有样式变动,而不止a本身
2.right -163px 和 right -132px 这个是背景图片显示位置的坐标,这个要看具体图片了,用这个来控制显示图片的不同区域,可以感觉到是不同的按钮。
.nav_main ul li a:hover就是鼠标悬停的按钮样式,
.nav_main ul li a#nav_current是当前页面的按钮样式,nav_current的名字是可以自己定义的

回答3:

  1. a:hover表示的是当鼠标经过a标签是,a标签的样式改变;
    a:hover spen则表示的是当鼠标经过a标签是,a标签下面的spen标签样式发生改变

  2. 在background-position中第一个值表示左右 第二个值表示上下。
    right -132px中right表示右对齐,也就是背景图片从右边排过来,跟100% -132px是一样的;
    同样的道理,left -132px跟0 -132px效果也是一样的

  3. 可以

回答4:

1、a:hover 是指鼠标放到a上之后,对a的样式发生改变。a:hover span 是指鼠标放到a上之后,对a 下级的span要样式改变。
2、你先了解下css中background 都有哪些参数 background:颜色 URL(图片路径) 图片距离左边距 图片距离右边距 平铺方式。 可能你理解的不太对,并没有right。
3、不太清楚你的问题, CSS中,必须写单位,比如px ,em ,rem 等等。

回答5:

标签 : hover {}表示划过这个标签,这个标签发生的属性变化
标签1:hover 标签2{} 表示划过标签1时候,标签2发生的属性变化