0

ドロップダウンの最後の項目の角を丸くせずに、角を丸くするのに本当に苦労しています。私は多くのバリエーションを試しましたが、常に同じ結果になります。つまり、最後のアイテムのエッジが丸くなっていますが、その中のすべてのアイテムもエッジが丸くなっています。誰でも私を助けることができますか？注意。id="languagebox"常に最後のアイテムになるとは限らないため、この ID を使用してスタイルを設定することはできません。

どうもありがとう。

CSS:

ul.dropdown li.has-dropdown:last-child a {
  border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border: 1px solid red;
}

HTML

<a href="#"><i class="fi-web medium"></i></a>
<ul class="dropdown">
  <li class="title back js-generated">
    <h5><a href="#">Back</a></h5></li>
  <li class="has-dropdown" id="display_currency"><a>Currency</a>
    <ul class="dropdown">
      <li class="title back js-generated">
        <h5><a href="#">Back</a></h5></li>
      <li class="lang_item active">
        <a href="javascript:void(0);"><img src="//d11fdyfhxcs9cr.cloudfront.net/flags/USD_flag.gif" alt="USD"> USD</a>
      </li>
      <li class="lang_item">
        <a href="javascript:void(0);" onclick="SetStoreCurrency('ZAR')"><img src="//d11fdyfhxcs9cr.cloudfront.net/flags/ZAR_flag.gif" alt="ZAR"> ZAR</a>
      </li>
    </ul>
  </li>

  <li class="has-dropdown" id="languagebox"><a>Language</a>
    <ul class="dropdown">
      <li class="title back js-generated">
        <h5><a href="#">Back</a></h5></li>
      <li class="lang_item active">
        <a href="javascript:void(0);"><img src="//d11fdyfhxcs9cr.cloudfront.net/design_media/flags/large/usd.png" alt="Default Language Pack (us-en)" height="13" width="22"> English</a>
      </li>
      <li class="lang_item">
        <a href="javascript:void(0);" onclick="javascript:SetLanguage(285679);"><img src="//d11fdyfhxcs9cr.cloudfront.net/design_media/flags/large/fra.png" alt="French" height="13" width="22"> French</a>
      </li>
    </ul>
  </li>
</ul>
4

2 に答える 2

1 
ul.dropdown>li:last-child{
  border-radius: 0px 0px 3px 3px;
  -moz-border-radius: 0px 0px 3px 3px;
  -webkit-border-radius: 0px 0px 3px 3px;
  border:1px solid red;
}
于 2014-10-30T14:39:51.850 に答える
0

ul.dropdown li.has-dropdown:最後の子 > a

于 2014-10-30T14:39:07.597 に答える