CSSで以下の「プルダウン親メニュー」リンクのみをターゲットにすることは可能ですか(以下のコードを変更することはできません)?
CSSで変更できるようにターゲットにするコード行は次のとおりです。
<li class="page_item page-item-8"><a href="http://www.kb8b.com/?page_id=8">Pulldown Menu Parent</a>
page-item-8クラスは動的に生成されるため、信頼できません。
完全なコードは次のとおりです。
<div id="access" role="navigation">
<div class="skip-link screen-reader-text"><a href="#content" title="Skip to content">Skip to content</a></div>
<div class="menu">
<ul>
<li class="current_page_item"><a href="http://www.kb8b.com/" title="Home">Home</a></li>
<li class="page_item page-item-19"><a href="http://www.kb8b.com/?page_id=19">Contact</a></li>
<li class="page_item page-item-8"><a href="http://www.kb8b.com/?page_id=8">Pulldown Menu Parent</a>
<ul class='children'>
<li class="page_item page-item-9"><a href="http://www.kb8b.com/?page_id=9">Test Page 2</a></li>
<li class="page_item page-item-11"><a href="http://www.kb8b.com/?page_id=11">Test Page 3</a></li>
<li class="page_item page-item-13"><a href="http://www.kb8b.com/?page_id=13">Test Page 4</a></li>
<li class="page_item page-item-15"><a href="http://www.kb8b.com/?page_id=15">Test Page 5</a></li>
<li class="page_item page-item-17"><a href="http://www.kb8b.com/?page_id=17">Test Page 6</a></li>
</ul>
</li>
</ul>
</div>
</div><!-- #access -->
CSSで上記のプルダウンメニューの親リンクにアクセスするにはどうすればよいですか?