css свойство attr

172
28 августа 2018, 10:30

Такой вопрос в html есть некий блок в котором находится например 6 дочерних, 4 из которых имеют свойство data-a, мне надо вытянуть данные из этого свойства, и закинуть в html, по средствам css content: attr(), в дальнейшем я вкидываю до блока задаю им padding и цвет Но проблема в том, что 2 элемента не имеют этого свойства, но оно у них берется и делает им цвет и padding, получается просто некрасивый кубик без информации.

Вариант добавить еще класс в html не подходит, сам html каркас трогать нельзя

.block:after{
content: attr(data-a);
color: white;
background-color: red;
padding: 2px 8px;
border-radius: 50%;
position: relative;
top: -105px;
left: 30px;
}
Answer 1

Только для элементов с атрибутом data-a:

.block[data-a]:after{
  content: attr(data-a);
}
READ ALSO
Плохо работает график на canvas

Плохо работает график на canvas

Вот такой код графика: https://jsfiddlenet/0vLweqyn/2/ ,все работает

207
Масштабирование img в слайдер bootstrap

Масштабирование img в слайдер bootstrap

Подскажите пожалуйста, можно ли как то обойти масштабирование слайдера бутстрапа? Я генерирую набор картинок на js и и вывожу вcarousel-inner

157
Динамическое добавление инпутов

Динамическое добавление инпутов

Имеется модальное окноЛогика работы, при нажатие на кнопку добовляется два инпута

176