目标属性的CSS版本
CSS version of target attribute
是否有类似的css版本的目标属性,而不是编写
<a href="example.php" target="something">Link</a>
我本可以写:
<style type="text/css">
a { target:something; }
</style>
不,没有
首先,target
是一个HTML属性,而不是CSS样式的属性。CSS无法修改或创建新属性。但是,您可以使用选择器对所有具有目标属性的a
元素进行样式设置:
a[target] {
...
}
您暂时不能,但W3C有一个名为CSS3超链接演示模块的工作草案,现在已经放弃了。它定义了一个名为target
的CSS属性,旨在替换HTML属性,实际上它比旧的HTML target
更具体,允许做更多的事情。不幸的是,据我所知,没有浏览器试图实现它,我认为这就是放弃的原因。然而,在未来可能会再次提出(我希望,至少)。
正如其他人所说,CSS还没有办法做到这一点。
实现 的一种方法是使用jQuery+css。
如果你给所有链接都指定了一个特定的类,那么使用这个jQuery来设置目标,如果你想为所有链接设置目标,那么使用第二组代码:
$(document).ready(function(){
if($('a').hasClass('CLASSNAME')) {
$(this).attr("target", "TARGET");
}
}
如果没有设置类,并且您希望页面上的所有链接(不是内部链接)都有一个设置的目标,请使用以下方法:
$(document).ready(function(){
$('a[href^=http]:not([href^=http://YOURSITEURLWITHWWW],[href^=http://YOURSITEURLWITHOUTWWW])')
.add('a[href^=www]:not([href^=YOURSITEURLWITHWWW])')
.attr('target','_blank');
}
相关文章:
- 目标属性的CSS版本
- 如何在Java web应用程序中自动控制静态文件(css、js、image)的版本
- 如何在css文件中动态添加版本
- HTML/JS-检测Android软件版本(并切换css文件)
- 推出新版本的JavaScript,css和图形内容,使用ASP .NET MVC
- 在CSS的未来版本中,仅固定了一个方向的位置
- 如何将版本号添加到 js 和 css 文件
- IE 版本 10.0.9200 “忘记”了 CSS 样式
- 将 css 应用于 IE10 及更低版本
- 如何在网页中添加两个CSS文件,一个用于Safari浏览器,一个用于iPad桌面版本
- css+jQuery样式.css切换器,用于新的jQuery版本
- CSS/JavaScript的移动版本
- 动态卸载和重新加载js/css文件时在extjs版本之间切换的问题
- CSS不适用于IE8、IE9,但适用于IE10及以上版本
- 如何用仅使用javascript的IE8及更低版本的CSS文件替换或删除任何特定的CSS属性
- 我如何用HTML和CSS创建Facebook iOS主屏幕的版本
- 哪个版本的Eclipse显示CSS代码提示
- 删除ie8及更早版本的JS和CSS文件
- 媒体查询打印在CSS打印按比例缩小版本在Chrome 54+
- 有任何js版本的css媒体查询?-用例场景