如何选择没有id的css标签?

内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用

  • 回答 (2)
  • 关注 (0)
  • 查看 (118)

我需要帮助设置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>
提问于
用户回答回答于
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>

用户回答回答于
   <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;
 }

扫码关注云+社区

领取腾讯云代金券