举报投诉联系我们 手机版 热门标签 名动网
您的位置:名动网 > css3 target CSS3 target 属性

css3 target CSS3 target 属性

2023-04-17 00:20 CSS参考手册

css3 target CSS3 target 属性

css3 target

CSS3 target 是一种新的 CSS 选择器,它可以用来选择特定的元素,并且可以在不同的浏览器中使用。它是一种非常有用的工具,可以帮助开发者更好地控制元素的样式。

CSS3 target 的语法很简单,它使用一个冒号来表示目标元素,然后使用一个选择器来选择特定的元素。例如,如果要选择所有 class 为“button”的元素,则可以使用以下语法:

target: .button { 
     
}

CSS3 target 还可以用于多重选择器中。例如,如果要同时选择 class 为“button”和 id 为“submit”的元素,则可以使用以下语法:

target: .button#submit { 
     
}

此外,CSS3 target 还可以用于伪类中。例如,如果要在链接被单击时应用样式,则可以使用以下语法:

target: a:active { 
     
}

CSS3 target 可能是最有效的 CSS 选择器之一。它不但能够帮助开发者快速找到想要修饰的元素,而且还能够节省大量时间。此外,它还能够让开发者在不同浏览器中应用相同的样式。因此,CSS3 target 是一项非常有效、易于使用的工具。

CSS3 target 属性

CSS3 target 属性


实例

在新窗口中打开所有超链接,并放置上述所有其他标签/窗口的新窗口:

a
{
target:new front;
}


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

任何主流浏览器都不支持target属性。


属性定义及使用说明

target属性是一个速记属性设定target-name, target-new,和target-position属性。

默认值: current window above
继承: no
版本: CSS3
JavaScript 语法: object.style.target="new front"


语法

target: target-name target-new target-position;

描述
target-name 规定在何处打开超链接(target destination)。
target-new 规定应该在新窗口或已有窗口的新标签页中打开超链接。
target-position 规定在何处放置新的目的地链接。

注意: target-new 和 target-position 值只有在 target-name 值创建新标签页或新窗口中有效。

阅读全文
以上是名动网为你收集整理的css3 target CSS3 target 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 名动网 mdwl.vip 版权所有 联系我们