CSS3的:not(:target)效果_html/css

来源：动视网责编：小采时间：2020-11-27 16:34:28

CSS3的:not(:target)效果_html/css

CSS3的:not(:target)效果_html/css_WEB-ITnose:HTML: 1 2 3 a b c CSS: @keyframes act{ 0%{background:red}; 100%{background:white};}li:not(:target){ animation:act 1s ease-in;} 进入页面的时候，就会执行li:not(:target)，效果在三个li都可用一旦点击激活target，li:not(:target)就意味着上一个激活的target：首先点击a，激活target，li:n

推荐度：

点击下载本文 文档为doc格式

导读CSS3的:not(:target)效果_html/css_WEB-ITnose:HTML: 1 2 3 a b c CSS: @keyframes act{ 0%{background:red}; 100%{background:white};}li:not(:target){ animation:act 1s ease-in;} 进入页面的时候，就会执行li:not(:target)，效果在三个li都可用一旦点击激活target，li:not(:target)就意味着上一个激活的target：首先点击a，激活target，li:n

HTML:

CSS:

@keyframes act{	0%{background:red};	100%{background:white};}li:not(:target){	animation:act 1s ease-in;}

进入页面的时候，就会执行li:not(:target)，效果在三个li都可用

一旦点击激活target，li:not(:target)就意味着上一个激活的target：

首先点击a，激活target，li:not(:target)无效果

再点b，在第一个li处出现效果

是不是有点坑，呵呵哒。

他的用处就是在手动图片轮播的时候改变z-index的最佳利器！

CSS3的:not(:target)效果_html/css

推荐度：

点击下载本文 文档为doc格式

标签： html web css3

热门焦点

CSS3的:not(:target)效果_html/css

CSS3的:not(:target)效果_html/css

CSS3的:not(:target)效果_html/css

最新推荐

猜你喜欢

热门推荐