Вопрос по вёрстке

6

Abernutio

18 мая 2018, 08:22

384

Добрый день, столкнулась с проблемой в верстке блока.

<div id="custummade"> Текст</div>

Скрипт, добавляющий значение класса:

	var offset=$('#custummade').offset();

	$(window).scroll(function(){

		if($(window).scrollTop()>offset.top){

			$('#custummade').addClass('fixedDiv');

		} else {

			$('#custummade').removeClass();

					}

                       });

	});

Блок должен прикрепляться при прокрутке к верху и менять цвет текста и бэкграунда.

Всё ок, но цвета не изменяются...

#custummade {

    height: 35px;

    background: #301a0c;

    color: #fbf3e1;

    width: 100%;

}

.fixedDiv {

    position: fixed;

    top: 70px;

    background: #fbf3e1; (игнорирует)

    color: #301a0c; (игнорирует)

    z-index: 9999;

    text-align: center;

}

Подскажите: в чём ошибка?

По идее класс должен перекрывать значения ид?

V

92

voltest

18 мая 2018, 08:29

#1

Abernutio:

По идее класс должен перекрывать значения ид?

Это с каких пор?

гуглите приоритетность селекторов CSS

I3

106

ivan34502

18 мая 2018, 08:34

#2

Abernutio:
Добрый день, столкнулась с проблемой в верстке блока.

<div id="custummade"> Текст</div>

Скрипт, добавляющий значение класса:

	var offset=$('#custummade').offset();

	$(window).scroll(function(){

		if($(window).scrollTop()>offset.top){

			$('#custummade').addClass('fixedDiv');

		} else {

			$('#custummade').removeClass();

					}

                       });

	});

Блок должен прикрепляться при прокрутке к верху и менять цвет текста и бэкграунда.
Всё ок, но цвета не изменяются...

#custummade {

    height: 35px;

    background: #301a0c;

    color: #fbf3e1;

    width: 100%;

}

.fixedDiv {

    position: fixed;

    top: 70px;

    background: #fbf3e1; (игнорирует)

    color: #301a0c; (игнорирует)

    z-index: 9999;

    text-align: center;

}

Подскажите: в чём ошибка?
По идее класс должен перекрывать значения ид?

Так попробуйте

background: #fbf3e1 !important;

color: #301a0c !important;

A

6

Abernutio

18 мая 2018, 09:03

#3

Спасибо, про important я и забыла

129

yet_warm

18 мая 2018, 14:12

#4

Abernutio:
Спасибо, про important я и забыла

Важно! (хозяйке на заметку): чем реже вспоминаем за important сегодня - тем меньше имеем геморроя завтра... 🚬

2

Многие хотят попасть в рай, мало кто хочет для этого умирать.

168

dma84

18 мая 2018, 17:45

#5

Пипец, приплыли.

Так-то что, религия не позволяет сделать?

#custummade.fixedDiv {...}

В 2023 году Одноклассники пресекли более 9 млн подозрительных входов в учетные записи

Как снизить ДРР до 4,38% и повысить продажи с помощью VK Рекламы