举报投诉联系我们 手机版 热门标签 鳄鱼CMS
您的位置:鳄鱼CMS > css3 target CSS3 target-name 属性

css3 target CSS3 target-name 属性

2023-05-28 10:31 CSS参考手册

css3 target CSS3 target-name 属性

css3 target

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

CSS3 target 的语法很简单,它使用一个特殊的字符“:”来表示目标元素。例如,如果要选择所有 class 为 “my-class” 的 div 元素,可以使用以下语法:

div.my-class:target { 
    background-color: #ccc; 
}

CSS3 target 还可以用于创建动态效果。例如,如果要在页面上显示一个弹出菜单,可以使用 CSS3 target 来实现这个效果。当页面上有一个特定的元素被选中时,就会显示弹出菜单。

.popup { 
    display: none; 
} 
.popup:target { 
    display: block; 
}

此外,CSS3 target 还可以用于创建复杂的功能效果。例如,你可以使用 CSS3 target 来创建一个图片库或者一个图片浏览器。你也可以使用 CSS3 target 来创建一些复杂的导航效果或者功能性对话框。

CSS3 target-name 属性

CSS3 target-name 属性


实例

在新窗口中打开所有超链接:

a
{
target-name:new;
}


浏览器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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


属性定义及使用说明

target-name属性指定要打开的超链接(目标位置)。

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


语法

target-name: current|root|parent|new|modal|name;

描述
current 在链接所在的框架、标签页或窗口中打开超链接。
root 在当前标签页或窗口中超链接。
parent 在父框架中打开超链接。如果当前框架没有父框架,则将该值视作 root。
new 创建新的目的地(参阅 target-new)。
modal 在新的(暂时创建的)模态窗口中打开新窗口。
name

在已有框架、窗口或标签页中打开链接。

如果 name 目的地不存在,则用该名称创建新的目的地。

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