本文介绍了为什么悬停不适用于class atribute的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

我创建了如下样式

I have created a style as following

.box
{
  height:300px;
  width:500px;
  font-size:1em;

}
.box:hover
{
  font-weight:bold;
}



我将其应用于如下范围



I applied it to a span as follows

<span class="box">Hello to world </span>


它可以正常工作,但悬停属性不起作用.
否则,如果我在CSS样式中使用#box而不是.box,然后按如下所示应用它


it works fine but the hover property does not work.
Else if, I use #box instead of .box in my css style and then Apply it as below

<span id="box">Hello to world </span>


然后,悬停属性就可以正常工作了.

我不明白为什么悬停属性不能与类属性一起使用.有人可以解决吗?


Then the hover property works fine.

I could not understand why hover property does not work with class attribute. Can some one solve it?

推荐答案

<span class="box">Hello to world </span> 



您可以使用以下内容:



You may use following:

<style type="text/css">
        a .box
        {
            height: 300px;
            width: 500px;
            font-size: 1em;
        }
        a .box:hover
        {
            font-weight: bold;
        }
    </style>

 <a><span class="box">Hello to world </span></a>



谢谢,
Imdadhusen



Thanks,
Imdadhusen


这篇关于为什么悬停不适用于class atribute的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!

08-24 01:38