如何解决检测问题并在CSS上启动“功能” CSS选择器:
现在,我有一个代码使按钮不可见,并在x秒内显示它,我的想法是启动此计时器,当单击视频时,我不需要,如果他们停止了视频,计时器停止,但是如果有可能,它将很有帮助。我可以给该视频指定ID的名称和班级的名称,我已经使用按钮完成了此操作,并命名为“ button”。 我已经知道的代码:
body.page-id-2090 #button{
visibility: hidden;
}
#button {
animation: show 0s both;
animation-delay: 30s;
}
@keyframes show {
from {
visibility: hidden;
}
to {
visibility: visible;
}
}
解决方法
有一些例子可以尝试:
CSS选择器:
-
#element_id:active
示例:
.button {
width: 50px;
height: 20px;
padding: 10px 20px;
text-align: center;
box-shadow: 1px 1px 1px #000;
color: red;
}
.button:active {
margin: 1px 1px 0;
box-shadow: -1px -1px 1px #000;
background-color: red;
color: white;
}
#btnClick {
display: block;
visibility: hidden;
}
<input type="checkbox" id="btnClick" />
<label class="button" for="btnClick">Check onClick CSS effect</label>
-
#element_id:target
示例:
#elementToShow {
display: none;
padding: 20px;
}
#elementToShow:target {
display: block;
}
.element {
color: red;
font-size: 2rem;
}
<a href="#elementToShow">Click to show element by CSS selector</a>
<div class="element" id="elementToShow">Element visible!</div>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。