2016-09-22 59 views
0

super css noob here。如何创建一个CSS类,使一个元素链接到另一个页面

我使用了一个名为visual composer的wordpress插件,它允许您用一个行ID或一个类名命名一个行(它就像一个块元素)。当用户将鼠标悬停在这一行上并且点击它时,我试图获得它,这个点击将简单地将它们带到我的网站中的另一个页面。

它允许一个区域有这个类或ID,我可以与标签关联的CSS,但搜索后,我要么搜索错误的东西,要么找不到它,但我正在寻找CSS那会让我做到这一点!

回答

0

你需要注入一点JS到主题上,在window上监听所需ID或类别的点击,然后拨打window.location.href = URL或其他类似的东西。

CSS没有能力导致浏览器位置发生变化。

1

你不仅可以使用CSS来链接到其他页面,你需要JavaScript。例如,类名是linkPage

document.getElementsByClassName('linkPage')[0].onclick = function(){ 
 
    location.href= 'some url...' 
 
}
<div class="linkPage">linkPage</div>

0

CSS
CSS(层叠样式表),就像它的名字状态,定义了一套规则和属性为你的HTML页面希望风格(像颜色,大小,asf的东西);和用户交互(即使像指向URL一样小)都不是其范围的一部分。

基本
谈论像WordPress的一个巨大的和强大的插件,如Visual Composer的,非常老的标准功能,如链接/图片/表格ASF总是被发现。您可以看看视觉作曲家的“原始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

相关问题