Question

我需要删除或删除a：first-child链接的css属性“padding-left：0”。我已经尝试过Inherit / Null / Unset，但它不能完成我想要的工作，但是，从HTML中删除可以完成这项工作，但我找不到答案如何去做。

这是我的代码：

HTML 这是HTML：

<nav class="nav-menu nav-menu-additional-color page-scroll">
 <ul id="navigation" class="nav-menu-content">
   <li id="menu-item-3260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-1290 current_page_item menu-item-3260">
   <a href="#">Home</a>
   </li>
   <li id="menu-item-3264" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3264">
   <a href="#">Portfolio</a>
   </li>
   <li id="menu-item-3358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3358">
   <a href="#">About</a>
   </li>
</ul>

CSS

ul.nav-menu-content >li:first-child >a {
padding-left: 0
}

Answer 1

如果您需要将文本 Home 置于中心位置，您可以尝试通过css或javascript应用自己的css（填充），试试这个

＆＃13;

$('ul.nav-menu-content > li:first-child > a').css('padding-left', '50%');

＆＃13;

ul.nav-menu-content > li:first-child > a {
   padding-left: 50%
}

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<nav class="nav-menu nav-menu-additional-color page-scroll">
 <ul id="navigation" class="nav-menu-content">
   <li id="menu-item-3260" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-1290 current_page_item menu-item-3260">
   <a href="#">Home</a>
   </li>
   <li id="menu-item-3264" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3264">
   <a href="#">Portfolio</a>
   </li>
   <li id="menu-item-3358" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3358">
   <a href="#">About</a>
   </li>
</ul>

＆＃13;

删除css属性：first-child

1 个答案: