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

问题描述 投票：0回答：7

我试图从一个包含在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>
html css
7个回答
1
投票

你可以做到这一点，在开发更多页面后会更容易，你不必为每个页面创建一个样式，你只需要从你的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>

我希望我能帮助你

3
投票

试试这个：

a {
text-decoration:none;
}

因为你正在尝试使用类text-decoration将.menu_items添加到div但不用于标记a

0
投票

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

0
投票

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

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

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

这是jsfiddle

0
投票

删除下划线的CSS属性是

text-decoration:underline;

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

在这里看到 - > http://jsfiddle.net/CzDkH/

希望这可以帮助！！！

0
投票

将其置于所有样式之上：

a {
    text-decoration:none;
}

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

快乐造型:)

0
投票

如果您只想在“menu_items”类而不是在页面的其余部分中进行此操作，那么唯一的问题就是您已将其恢复到最前面。就像这样：

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

    }

类似地，你在一个标签内部有一个div，并且应该在div中有一个标签

<div class="menu_items"><a href="#">Pizza</a></div>
最新问题
© www.soinside.com 2019 - 2024. All rights reserved.