Question

我需要有关设置wordpress菜单的帮助。我制作了HTML CSS，但是当我进入wordpress并使用wp_nav_menu（）函数时，我在<a>标记上丢失了特定的ID，Wordpress会自动生成新的<li> <a>。如何从“ menu_word”类中选择它们？

        <ul class="menu_word">
          <li><a id="home" href="#">Tilte1</a></li>
          <li><a href="#">Tilte2</a></li>
          <li><a href="#">Tilte3</a></li>
          <li><a href="#">Tilte4</a></li>
          <li><a id="sem" href="#">Tilte4</a></li>
          <li><a href="#">Tilte5</a></li>
        </ul>

Answer 1

您可以添加一个课程并以此为目标吗？

如果不行，尽管它很脆弱，但仍然可以。如果您可以将类添加到UL，它将变得更加健壮，但是如果您可以添加类，则可以将其添加到<a>标签或<li>标签中。

body > ul > li:nth-child(1) > a

Answer 2

你去了

body .menu_word >li:nth-child(1)> a{ /*Title1 on pos 1 (specific for first level of menu)*/
  border:1px solid red;
}

body .menu_word >li:nth-child(2)> a{ /*Title2 on pos 2 (specific for first level of menu)*/
  border:1px solid blue;
}

        <ul class="menu_word">
          <li><a id="home" href="#">Tilte1</a></li>
          <li><a href="#">Tilte2</a></li>
          <li><a href="#">Tilte3</a></li>
          <li><a href="#">Tilte4</a></li>
          <li><a id="sem" href="#">Tilte4</a></li>
          <li><a href="#">Tilte5</a></li>
        </ul>

Answer 3

感谢您的回答，如果有帮助，我也找到了一个共享的解决方案。

   <ul class="menu_word">
          <li><a id="home" href="home">Tilte1</a></li>
          <li><a href="#">Tilte2</a></li>
          <li><a href="#">Tilte3</a></li>
          <li><a href="#">Tilte4</a></li>
          <li><a id="sem" href="sem">Tilte4</a></li>
          <li><a href="#">Tilte5</a></li>
        </ul>

a[href*="home"]{
    font-weight: 800;
    font-size: 1.2em;
}

a[href*="sem"]{
    text-transform: capitalize;
 }

没有ID的选择CSS标记

3 个答案: