Jquery CSS自定义Lip链接

看起来真的很奇怪，因为上次我试着把同样的款式和作品完美，但现在不工作。我的HTML如下所示：

<li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false"><span><img src="test1.png"></span>TEST!<span class="caret"></span></a>
    <ul class="dropdown-menu">
<a rel="nofollow" href="../test1"><li><p><img src="/assets/flags/test1.png"> Test1</p></li></a>
</ul>
</li>

---

谢谢你们的帮助！真的很喜欢stackoverflow社区

以下是更新后的HTML结构，结构更为正确：

<ul class="dropdown-menu">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
      <span><img src="test1.png"></span>TEST!
      <span class="caret"></span>
    </a>
  </li>
  <li>
    <a rel="nofollow" href="../test1">
      <img src="/assets/flags/test1.png"> Test1
    </a>
  </li>
</ul>

在您的示例中，ul结构不正确，请参见此处的文档：

文件：

还要注意内联元素和块元素之间的区别，请参见此处的文档：

文件：

试试这个

.下拉菜单>li>a>p{ 明确：两者皆有； 线高：1.42857143； 颜色：555； 空白：nowrap； 过渡：颜色。2s轻松； } .下拉菜单>li>a:focus>p， .下拉菜单>li>a:悬停>p{ 颜色：ff7500！重要； 文字装饰：无； 过渡：颜色。2s轻松； 边框：1px实心E6； } 李{ 列表样式类型：无； } a{ 文字装饰：无； } li元素必须位于ul元素内部，请参见文档：应仅作为子元素，而不是

<ul class="dropdown-menu">
  <li class="dropdown">
    <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">
      <span><img src="test1.png"></span>TEST!
      <span class="caret"></span>
    </a>
  </li>
  <li>
    <a rel="nofollow" href="../test1">
      <img src="/assets/flags/test1.png"> Test1
    </a>
  </li>
</ul>