Как сделать такой эффект как на алиэкспрес?

Question

[Damir Aushenov]

Доброго времени суток!
У меня никак не получается убрать бордер между выпадающим меню и списком.

Comments

[Алексей Уколов]

Ну так что мешает посмотреть как это "на алиэкспрес"? Там же всё видно.

[VisualIdeas]

Покажите ваш код?

[Damir Aushenov]

Хорошо, чуть позже выложу код

[Damir Aushenov]

codepen.io/yespeace/pen/zvRBoY

[Damir Aushenov]

Алексей Уколов: Я пытался, у меня никак не получилось сделать force element :hover, чтобы посмотреть на стили.

Answer 1

[Антон Федорян]

Для всех li главного списка делаете правый бордер, а потом убираете его на активном элементе.
Вот примерно так: https://jsfiddle.net/2xp21nve/

Comments

[Damir Aushenov]

Антон, эту идею я понял, спасибо. Но там немного по-другому должно быть. Выложу код чуть позже, надеюсь вы еще будете в сети )

[Damir Aushenov]

codepen.io/yespeace/pen/zvRBoY Надеюсь поможете )

[Антон Федорян]

codepen.io/anon/pen/VvQjdz

[Damir Aushenov]

Только сейчас осознал что мой макет отличается от Алиэкспресс тем что у блока со списком нет бордера
Он есть только у дропдауна. Видимо нужно повозиться.
В любой случае, дай бог вам здоровья, спасибо

[tuxx]

Дамир Аушенов: а что сложново в том чтобы задать изначально цвет бордера как у фона и менять этот цвет на активных или не менять если не нужно

[Damir Aushenov]

tuxx: Ок, спс., попробую