Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 December 04

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
У первого селектора убери ul
источник

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
У тебя .btns-group это и есть ul
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
Fullstack
У первого селектора убери ul
а, да, спасибо огромное дядь
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
Fullstack
У первого селектора убери ul
можно ещё один момент спросить ? это прост единственное что осталось решить
источник

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
Да
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
Fullstack
Да
Это прежняя ссылка - https://codepen.io/pilotuser0/pen/xxEZXzK

Там где 4-й блок, вернее 198 строка CSS, есть градиент
Всё типо работает, но градиент перекрывает текст, и его из-за это-го тяжелее читать

Нужно просто что-бы текст и сам контент был читабелен в этом блоке

Советовали z-index прописывать, но не помогло

Должно выглядеть так
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
источник

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
.basic-description {
 position: relative;
}
источник

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
это пропиши
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
Fullstack
.basic-description {
 position: relative;
}
Да, сработало

Офигеть, спасибо
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
А что не так было ?
источник

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
Блоки с абсолютным позиционированием перекрывают блоки с position: static; (значение по умолчанию)
Если position стоит любое кроме static, то перекрывают блоки друг друга в том же порядке что в коде
И по факту z-index тебе правильно советовали (но тут можно и не указывать его) , но это свойство работает только когда position стоит любое кроме static
источник

F

Fullstack in Верстка сайтов HTML/CSS/JS/PHP
Поэтому поставив relative, абсолютный псевдоэлемент перестал перекрывать контент
источник

P

Podawan in Верстка сайтов HTML/CSS/JS/PHP
Fullstack
Поэтому поставив relative, абсолютный псевдоэлемент перестал перекрывать контент
понятно, благодарю
источник

АZ

Антон Zaller in Верстка сайтов HTML/CSS/JS/PHP
Ребят подскажите пожалуйста
У меня есть многоуровневый список в котором есть ul li и в них ещё ul li
К каждому отдельному li я хочу применить hover
Но в связи с этим, hover поменяется на все его дочерние элементы. Как сделать чтобы для каждого li применять hover отдельно независимо от уровня вложенности
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
Антон Zaller
Ребят подскажите пожалуйста
У меня есть многоуровневый список в котором есть ul li и в них ещё ul li
К каждому отдельному li я хочу применить hover
Но в связи с этим, hover поменяется на все его дочерние элементы. Как сделать чтобы для каждого li применять hover отдельно независимо от уровня вложенности
Прописать стили
источник

АZ

Антон Zaller in Верстка сайтов HTML/CSS/JS/PHP
Sticher78
Прописать стили
Что ты имеешь ввиду ?
Я и спрашиваю какие стили прописать
Может есть решение чтобы применить стиль без дочерних элементов
источник

S

Sticher78 in Верстка сайтов HTML/CSS/JS/PHP
Да я ебу, что ты хочешь. Какие надо, те и прописывай
источник

А

Александр in Верстка сайтов HTML/CSS/JS/PHP
Антон Zaller
Ребят подскажите пожалуйста
У меня есть многоуровневый список в котором есть ul li и в них ещё ul li
К каждому отдельному li я хочу применить hover
Но в связи с этим, hover поменяется на все его дочерние элементы. Как сделать чтобы для каждого li применять hover отдельно независимо от уровня вложенности
Про что ты имеешь ввиду?

Можно перебирать элементы li:
li:nth-child(1)
Где цифра, там порядковый номер элемента

Если тебе нужно настроить стили li внутри другого li:
li > li
источник

А

Александр in Верстка сайтов HTML/CSS/JS/PHP
Александр
Про что ты имеешь ввиду?

Можно перебирать элементы li:
li:nth-child(1)
Где цифра, там порядковый номер элемента

Если тебе нужно настроить стили li внутри другого li:
li > li
Например:
.header ul li {color:black}
.header ul li li {color:white}
источник