Установка CSS-переменной для ссылки на <href>ссылку в классе, затем использование этой переменной в качестве URL-адреса в содержимом: url () - PullRequest
Новая
       24

Установка CSS-переменной для ссылки на <href>ссылку в классе, затем использование этой переменной в качестве URL-адреса в содержимом: url ()

0 голосов
/ 11 мая 2018

Я пытаюсь настроить CSS веб-сайта курса, на котором я не могу использовать javascript или изменить HTML - я могу только загружать пользовательские файлы CSS.

Я сделал это так, что в списке содержательных ссылок на файлы .jpg, когда я наводю указатель мыши на элемент списка, под ним появляется соответствующее изображение. У меня есть функция hover, но она требует, чтобы я сделал новый селектор класса для каждого файла в списке.

Код, который показывает изображение при наведении: 

.itemlink:hover:after {
  content: url([image url]);
  display: block;
  position: relative;
  zoom: 50%;
}

Файлы изображений связаны таким образом .

Есть ли способ для меня установить переменную с именем "--assetPath", которая ссылается на любую ссылку, присутствующую в href для класса "link-div-head" в прикрепленном изображении, чтобы я мог поместить эту переменную как URL-адрес содержимого для эффекта наведения?

В качестве альтернативы, можно ли настроить его так, чтобы URL-адрес представлял собой переменную, которая должна возвращать URL-адрес файла изображения, если дано имя файла (т. Е. Текст в классе "link-text itemtext" ниже выделенной части) на прикрепленном изображении)?

В принципе, есть ли способ настроить это так, чтобы URL-адрес изображения автоматически представлял собой изображение, над которым я наведу курсор, поэтому мне не нужно связывать каждый отдельный файл.

Я довольно новичок в css, поэтому надеюсь, что это имеет смысл. Я могу предоставить дополнительные разъяснения, если это необходимо. Благодаря.

...