Удалить 'border-right' из последнего элемента списка

Question

Удалить 'border-right' из последнего элемента списка

0

Друзья,

В этом случае:

<div class="navigation-sub">
    <ul class="subnavlist">
        <li><a href="#">item 1</a></li>
        <li><a href="#">item 2</a></li>
        <li><a href="#">item 3</a></li>
        <li><a href="#">item 4</a></li>
    </ul>
</div>

Это CSS, где каждый элемент списка имеет правую границу:

.navigation-sub li a { border-right:1px solid #FFF; }

Затем мы хотим удалить правую границу "item 4" - последний элемент в UL, с помощью:

.subnavlist li:last-child { border-right:0px; }

Я пробовал несколько трюков, но до сих пор ничего не происходит, и я не знаю, куда идти отсюда.

Любая помощь высоко ценится!

KJS 13 дек. 2013, в 01:44

Источник

Теги:

jquery

html

css

3 ответа

2

$(function(){
     $(".subnavlist li").last().find("a").css("borderRight",0);
});

user3096443 12 дек. 2013, в 23:20

2

Вы применяете границу к тегу <a>, но пытаетесь сбросить li

.subnavlist li:last-child a{border-right:none}

charlietfl 12 дек. 2013, в 22:48

Ещё вопросы

Jason P · Accepted Answer · 2013-12-12T23-10-00.000Z

Вы даете <a> границу и удаляете ее из последнего <li>. Попробуйте это вместо этого:

.subnavlist li:last-child a { border-right: none; }

Большое спасибо всем! Все ответы работают в зависимости от их использования. Извините за слепоту с моей стороны здесь :)