Перебивает ли background-color стиль background?

Question

[art style]

.left {
	background: rgb(17,17,17);
	background: linear-gradient(180deg, rgba(17,17,17,0.69) 0%, rgba(17,17,17,0.9) 100%);
}

пытаюсь перебить этот эффект следующим:

.left div:hover {
	background-color: rgb(255,255,255, 0.85);
	color:#000;
}

Вопрос, перебивает ли один эффект, другой? просто с виду что-то нето...

https://codepen.io/aptypkaa/pen/QWwVxOp

Comments

[Rustam Bainazarov]

Только если в компиляционном свойстве background указан background-color. Градиент — это background-image.

Поэтому в вашем примере — нет, не перебивает.

Чего вы хотите достичь? Опишите.

[art style]

Рустам Байназаров, хочу чтобы при hover была полупрозрачность.. а сейчас серый цвет.. я так понимаю потому что Hover #fff а бекграунд черный градиент

[Aetae]

art style, конечно. Потму что первый bg для .list, а второй для его ребёнка div. Это разные элементы со своими bg, никто никого не перебивает - они существуют параллельно, один поверх другого.

Answer 1

[Maksim-Lisak]

Перебивает тот, что написан последним