怎么设置多个ahover(怎么设置多个显示器)

http://www.itjxue.com  2023-01-29 14:06  来源:未知  点击次数: 

如何捆绑或连接多个hover元素

弄个定时器让他延时消失就好了,当离开了A元素的时候就开定时器,如果是移到了B,就把定时器关掉,否则就让B延时消失。

css hover如何同时作用于两个a?

aspan {color:#ccc; /*默认为灰色*/}

a:hoverspan {color:blue; /*鼠标在a上面时,span变蓝色*/}

多个a链接用hover浮动,怎么单独使用

style

a:hover h1{

color: #f00

}

/style

a href="#"

h1井蛙视频/h1

h2photoshop教程,前端教程/h2

/a

a:hover空格 后面跟上h1即可

网页设计怎么单独的设计多种a:hover?

因为css无法选择父元素,但是能选择兄弟元素,所以我们没必要那么死板,可以让方框和字体作为兄弟节点,让字体悬浮在方框上就行了。想要单独给某个a设置hover,可以直接利用该a的id,或者用父元素的后代选择器nth-child(),不过不推荐

!DOCTYPE html

html

head

meta charset="UTF-8"

titleicon/title

style type="text/css"

a {

text-decoration: none;

}

#box {

width: 306px;

height:306px;

position: relative;

overflow: hidden;

}

#icon{

width: 300px;

height: 300px;

position: absolute;

border: 1px solid black;

}

#icon:hover{

border: 3px solid red;

}

#icon img{

width: 200px;

height: 200px;

border: 1px solid orange;

border-radius: 100px;

margin-left:50px;

margin-top: 20px;

}

#txt{

width: 300px;

display: block;

position: absolute;

bottom: 5px;

text-align: center;

cursor: pointer;

z-index: 100;

}

#txt:hover{

color: green;

}

#txt:hover + #icon{

border: 3px solid green;

}

/style

/head

body

div id="box"

a id="txt"请放进来/a

a id="icon"img src=""//a

/div

/body

/html

dreamweaver cs4如何设置多个a:hover样式?

设置全部a的伪属性的方法:

a:hover{想要实现的样式}

设置部分a的伪属性的方法:

将想要设置为属性的a标签统一添加一个class名,具体代码如下:

HTML:

a?href=""?class="aa"aa/a

a?href=""?class="aa"bb/a

a?href=""?class="aa"cc/a

a?href=""?class="aa"dd/a

CSS:

a.aa:hover{/*想要实现的样式*/}

你的意思应该是 多个a标签需要使用不同的 动态样式是吧;

第一种:

给a标签一个id或者class,然后在css里给id或class使用伪类

a id="xxx" href=...../a 或者 a class="xxx" href=..../a

css: xxx:link xxx:active xxx:visited xxx:hover

不同的a,给一个不同的id或者class,这样就可以不一样了,如果有部分是一样的,那么就使用相同的class; 但是记住id只能使用一个元素上; 虽然在ie里将id跟class一样使用不会显示错误,但是是不符合网w3c的html标准的

第二种:

如果这些a标签不属于同一层的,意思是 a不在同一个容器下;比如一个a在 div id="aaa"里面 ,另一个a在div id="bbb"里面;

那么你可以这样写css: #aaa a:link; #aaa a:active ....#bbb a:link; #bbb a:hover; 这表示这个a是在#aaa这个容器下的a;也就特定了这个a了;这样也可以做到不同a不同样式;

这两种方法是在不同情况下应用的; 一般第二种情况是 在一个容器下的a全部使用相同样式,例如导航;那么就用第二种,这样代码量更小; 如果一个页面的a全部使用相同样式,那么直接定义a; 如果每个a使用不同样式,那么使用id;如果不在同一容器下的几个a使用相同样式,那么使用class;一句话,什么方式可以在效果相同的情况下让css代码量更小;就选择什么方法

(责任编辑:IT教学网)

更多

推荐浏览器文章