blocks|key|4131891|text|你能添加一个类并以此为目标吗？|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4131892|如果没有，这将会起作用，尽管它相当脆弱。如果您可以向UL添加一个类，那么它将变得更加健壮，但是如果您可以添加一个类，那么您也可以将它添加到<a>标记或<li>标记中。|offset|length|style|CODE|4131893|body+>+ul+>+li:nth-child(1)+>+a|code-block|syntax|javascript|4131894|entityMap^0|0|1X|3|23|4|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@$D|Q|E|R|F|G]|$D|S|E|T|F|G]]|9|@]|A|$]]|$1|H|3|I|5|J|7|U|8|@]|9|@]|A|$K|L]]|$1|M|3|-4|5|6|7|V|8|@]|9|@]|A|$]]]|N|$]]

<p>Can you add a class and target that?</p>

<p>If not, this will work, although its pretty brittle.  It'll become more robust if you can add a class to the UL, but if you can add a class, you may as well add it to the <code>&lt;a&gt;</code> tag, or the <code>&lt;li&gt;</code> tag.</p>

<pre><code>body &gt; ul &gt; li:nth-child(1) &gt; a
</code></pre>


blocks|key|4132462|text|这就对了|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4132463|​|4132464|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;
}|code-block|syntax|javascript|4132465|++++++++<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>|4132466|4132467|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|N|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|O|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|P|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|K|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|L|3|-4|5|6|7|S|8|@]|9|@]|A|$]]]|M|$]]

<p>There you go</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>body .menu_word &gt;li:nth-child(1)&gt; a{ /*Title1 on pos 1 (specific for first level of menu)*/
  border:1px solid red;
}

body .menu_word &gt;li:nth-child(2)&gt; a{ /*Title2 on pos 2 (specific for first level of menu)*/
  border:1px solid blue;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>        &lt;ul class="menu_word"&gt;
          &lt;li&gt;&lt;a id="home" href="#"&gt;Tilte1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id="sem" href="#"&gt;Tilte4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte5&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;</code></pre>
</div>
</div>
</p>


blocks|key|4132477|text|谢谢你的回答，我也找到了一个解决方案，如果它能有所帮助的话我会分享它。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|4132478|+++<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;
+}|code-block|syntax|javascript|4132479|entityMap^0|0|0^^$0|@$1|2|3|4|5|6|7|I|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|J|8|@]|9|@]|A|$E|F]]|$1|G|3|-4|5|6|7|K|8|@]|9|@]|A|$]]]|H|$]]

<p>Thank you for your answers, I also find a solution that I share if it can help.</p>

<pre><code>   &lt;ul class="menu_word"&gt;
          &lt;li&gt;&lt;a id="home" href="home"&gt;Tilte1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id="sem" href="sem"&gt;Tilte4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte5&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;

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

a[href*="sem"]{
    text-transform: capitalize;
 }
</code></pre>


<p>I need help with setting up a wordpress menu.
I made my html css but when I go under wordpress and when I use the wp_nav_menu () function I lose my specific id on <code>&lt;a&gt;</code> tags, Wordpress automatically generates new <code>&lt;li&gt; &lt;a&gt;</code>.
How can I select them from the class "menu_word" please?    </p>

<pre><code>        &lt;ul class="menu_word"&gt;
          &lt;li&gt;&lt;a id="home" href="#"&gt;Tilte1&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte2&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte3&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a id="sem" href="#"&gt;Tilte4&lt;/a&gt;&lt;/li&gt;
          &lt;li&gt;&lt;a href="#"&gt;Tilte5&lt;/a&gt;&lt;/li&gt;
        &lt;/ul&gt;
</code></pre>


Selection css tag without id

我需要帮助来设置wordpress菜单。我制作了html css，但是当我在wordpress下使用wp_nav_menu ()函数时，我丢失了<a>标签上的特定id，Wordpress会自动生成新的<li> <a>。请告诉我如何从"menu_word“类中选择它们？        <ul class="menu_wo...

问不带id的选定css标签
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不带id的选定css标签EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问不带id的选定css标签
EN