Last-Child внутри div не работает

Я использую плагин sharethis и изменил цвет фона на желтый, а также добавил bottom-border: of 1px, я хочу удалить нижнюю границу от последней, которая не работает для меня, используя следующие cssLast-Child внутри div не работает

CSS

div#at4-share a:last-child 
{ 
    border-bottom: 0px solid #1f1f1f; 
}

HTML

<div id="at4-share" class="addthis_32x32_style atss atss-left addthis-animated slideInLeft at4-show"> 
    <a class="at4-share-btn at-svc-facebook" href="#"> 
    <span class=" at4-icon aticon-facebook" title="Facebook">Facebook</span> 
    </a> 
    <a class="at4-share-btn at-svc-twitter" href="#"> 
    <span class=" at4-icon aticon-twitter" title="Twitter">Twitter</span> 
    </a> 
    <a class="at4-share-btn at-svc-pinterest_share" href="#"> 
    <span class=" at4-icon aticon-pinterest_share" title="Pinterest">Pinterest</span> 
    </a> 
    <a class="at4-share-btn at-svc-google_plusone_share" href="#"> 
    <span class=" at4-icon aticon-google_plusone_share" title="Google+">Google+</span> 
    </a> 
    <a class="at4-share-btn at-svc-compact" href="#"> 
    <span class=" at4-icon aticon-compact" title="More">More</span> 
    </a> 
    <div id="at4-scc" class="at-share-close-control ats-transparent at4-show at4-hide-content" title="Hide"> 
    <div class="at4-arrow at-left">Hide</div> 
    </div> 
</div>

Я попытался

div#at4-share a:last-of-type 
{ 
    border-bottom: 0px solid #1f1f1f; 
}

так я не уверен, что это неправильно

источник

2015-05-14 Learning

Я знаю, в чем проблема, но только в том случае, если вы хотите, чтобы удалить _подчеркивание_ из в '', вы необходимо установить свойство 'text-decoration', а не' border-bottom'. –

Кроме того, вы начинаете с вызова «нижняя граница», поэтому мой совет - запустить таблицу стилей с помощью валидатора. http://jigsaw.w3.org/css-validator/ –

Правильный селектор :last-of-type.

div#at4-share > a:last-of-type 
{ 
    border-bottom:none; /* To remove the bottom border. */ 
}

FIDDLE

источник

2015-05-14 06:23:37 codyogden

Я не знаю, почему он не работал для меня с тем же css раньше. – Learning

Я видел 'div # at4-share> a: last-of type {}' в вашем первоначальном сообщении - обратите внимание на недостающий дефис между '' 'и' type'. Может быть, просто опечатка, но не уверен, что это могло быть проблемой. – codyogden

Вы должны использовать :last-of-type, потому что :last-child является div с текстом шкура в этом случае.

div#at4-share a:last-of-type {border-bottom: 2px solid red;}

https://jsfiddle.net/4y9j0z9q/

ВИДЕТЬ :last-child слишком

https://jsfiddle.net/4y9j0z9q/1/

источник

2015-05-14 06:23:51 panther

Я не знаю, почему он не работал для меня с тем же css раньше. – Learning

Last-Child внутри div не работает

ответ

Смежные вопросы