2015-02-19 2 views
-1

У меня есть меню, как описано в this fiddle
Это меню справа налево.Удалить границу в CSS

Если вы видите левую границу, когда курсор мыши все еще активен. Я хочу, чтобы при наведении курсора мыши при наведении, чтобы удалить левую границу

CSS

nav ul li:hover{ 
    background-color:#F9F9F9; 
    border-style: solid; 
    border-color:FAC3BC; 
    border-top: 15px; 
    border-left:none; 
    border-right:none; 
} 
+0

Пожалуйста, разместить свой код здесь. – zero298

+1

Есть пара вещей, у вашего содержащего элемента есть граница, поэтому левая граница самого левого элемента не будет влиять на это, а левая граница, которую вы видите, на самом деле является правой границей предыдущей ' – Ted

+0

вот решение jquery, если вы хотите http://jsfiddle.net/j8r7v39L/1/ ^^ –

ответ

2

Я думаю, я нашел решение, если я понимаю, что вы имеете в виду.

Update Fiddle

Я добавил эту строку:

nav ul li:hover + li{ 
    border-right:none; 
} 

ИЛИ

border-right:1px solid transparent; 
+0

Его левая ли правая граница Я думаю – user3566111

+0

oops, мой плохой комментарий. Красиво сделано! – Ted

+0

проблем нет, спасибо – user3566111