как создать класс css, который связывает элемент с другой страницей

Question

супер css noob здесь.

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

Это позволяет областям иметь css для этого класса или идентификатора, которые я могу связать с тегом, но после поиска я либо искал неправильную вещь, либо не могу ее найти, но я ищу css что позволило бы мне это сделать!

Answer 1

Вам нужно добавить немного JS в тему, которая прослушивает window для щелчка с нужным идентификатором или классом, а затем вызывает window.location.href = URL или что-то в этом роде.

Устранение неполадок с браузером не имеет.

Answer 2

Вы можете не только использовать css для ссылки на другую страницу, вам нужен javascript. Например, имя класса linkPage:

document.getElementsByClassName('linkPage')[0].onclick = function(){ 
 
    location.href= 'some url...' 
 
}

<div class="linkPage">linkPage</div>

Answer 3

CSS
CSS (каскадные таблицы стилей), как и его название государств, определяет набор правил и свойств для HTML странице вы желать стиль (например, цвета, размер, asf); и пользовательское взаимодействие (даже незначительное, что указывает на URL-адрес) не является частью его области.

Basic
Говоря о гиганте, как WordPress и сильный плагин, таких как Визуальный Composer, экстремально старых и стандартных функций, таких как ссылки/изображения/таблицы АЧС всегда можно найти. Вы можете взглянуть на функцию «Raw HTML» визуального композитора (https://vc.wpbakery.com/features/content-elements/) в сочетании с обычным тегом «a» (http://www.w3schools.com/tags/tag_a.asp).

редактируемые
Запрашиваемая страница как сшивание может быть достигнуто путем редактирования файла CSS, то вы можете также посмотреть на различные типы редактирования содержимого плагина - например, HTML или JS.

Нажмите на строку таблицы
Лучший подход, чтобы иметь ячейки таблицы/строк интерактивными было бы при использовании JavaScript; см. Adding an onclick event to a table row