Question

我正在尝试从包含在div元素中的href中删除下划线。但出于某种原因，它并没有被删除。

任何人都可以帮助我吗？下面是代码。

 <style>


     a .menu_items {
        text-decoration:none;
        font-size: 34px;
        color:red;

    }

   </style>
    </head>
    <body>

                <a href="#"><div class="menu_items"> Pizza  </div></a>

Answer 1

试试这个：

a {
text-decoration:none;
}

因为您尝试将text-decoration添加到包含.menu_items类的div，而不是添加到标记a

Answer 2

你可以做到这一点，在开发更多页面后会更容易，你不必为每个人创建一个你必须从你的css调用你的风格的风格

我向你解释......你必须在你的项目中找到你的css默认值或创建一个新的，并在你想要调用你将在你的css文件中创建的样式的页面中加载....插入这个在你的CSS中

 a {
    text-decoration:none;
    font-size: 34px;
    color:red;

}

并在加载css文件后的页面中，您只需在编码时复制

    <body>    
                <a href="#"><div class="menu_items"> Pizza  </div></a>
</body>

我希望我帮助你

Answer 3

请尝试将A链接放在DIV中，然后反转CSS顺序。我相信相反的方法无效。

Answer 4

只需删除选择器'.menu_items'就像这样

<style>
    a {
        text-decoration:none;
        font-size: 34px;
        color:red;
    }

</style>
<a href="#">
    <div class="menu_items"> 
        Pizza  
    </div>
</a>

这是jsfiddle

Answer 5

删除下划线的CSS属性是

text-decoration:underline;

您需要将其应用于锚元素。

在此处查看 - ＆gt; http://jsfiddle.net/CzDkH/

希望这有帮助!!!

Answer 6

将其置于所有样式之上：

a {
    text-decoration:none;
}

养成将所有a，html和body样式属性放在样式顶部的习惯！它会让你免于这样的烦恼。

快乐造型：）

Answer 7

如果只想对“ menu_items”类进行操作而不是在页面的其余部分中进行操作，则唯一的选择就是将其放回前面。就像这样：

   .menu_items a {
        text-decoration:none;
        font-size: 34px;
        color:red;

    }

类似地，您将div放在了一个标签内，并且应该在div内包含了一个标签

<div class="menu_items"><a href="#">Pizza</a></div>

如何删除div元素中的href下划线？

7 个答案: