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

css3 target CSS3 target 属性

2023-05-04 01:18 CSS参考手册

css3 target CSS3 target 属性

css3 target

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

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

target: .button { 
    // CSS 样式 
}

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

target: .button#myButton { 
    // CSS 样式 
}

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

target: a:active { 
    // CSS 样式 
}  										   

CSS3 target 属性

CSS 参考手册

实例

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

a
{
target:new front;
}

亲自试一试

浏览器支持

目前没有浏览器支持 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 值创建新标签页或新窗口中有效。

CSS 参考手册

阅读全文
以上是编程学为你收集整理的css3 target CSS3 target 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部