Question

我使用了这段代码：

的jQuery

$('a').css("line-height", "null") or

$('a').removeAttr('style');

HTML

<div id="categories">
    <nav>
        <ul id="nav">
            <li class="first"> <a class="page_item_first" href="" title="Home" style="line-height: 158px;">Home</a>

            </li>
        </ul>
    </nav>
</div>

但它不起作用。

请问任何建议？

Answer 1

该代码有效。

在页面底部加载Javascript / Jquery脚本。

Answer 2

使用此

<style type="text/css">
    .first_a
    {
         line-height:158px;
    }
</style>

<div id="categories">
<nav>
    <ul id="nav">
        <li class="first"> <a class="page_item_first first_a" href="" title="Home">Home</a>

        </li>
    </ul>
</nav>

和jQuery

$('a').removeClass('first_a');

您可以使用

再次添加此样式

$('a').addClass('first_a');

您必须确保您的jQuery代码必须 BELOW jQuery.js的javaScript标记链接

Answer 3

以下代码将仅删除 ul 中的行高属性，其中id =“nav”

如果 li 中有其他内联样式，则可能比删除整个样式属性更好。

$(document).ready(function(){
    $('#nav li a').css("line-height", "")
});

你可以在这里查看它。 http://jsfiddle.net/cWLr6/

从子标签中删除内联CSS属性

3 个答案: