选择没有 id 的 css 标签

Question

我需要有关设置 wordpress 菜单的帮助。我制作了 html css 但是当我进入 wordpress 并使用 wp_nav_menu () 函数时，我在 <a> 标签上丢失了我的特定 ID，Wordpress 会自动生成新的 <li> <a>。我怎样才能select他们从class "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

你可以添加一个 class 并定位它吗？

如果没有，这会起作用，尽管它很脆弱。如果你可以在 UL 中添加一个 class，它会变得更健壮，但如果你可以添加一个 class，你还不如将它添加到 <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 标签

Selection css tag without id

css

wordpress

menu

selection