我动态地改变了在CSS中定义的en元素的位置:after.我试着这样改变它:
$(function(){
$('div::after').css({'top':'20px'})
})
Run Code Online (Sandbox Code Playgroud)
但它不起作用.有没有办法改变立场?
我想隐藏我使用 div 附加到 div 的 CSS 三角形:before,我遇到了这个解决方案来实现:https : //stackoverflow.com/a/11354393/998117
但是,我的 jQuery 不起作用:
$(".contact input[type='submit']").click(function(event) {
event.preventDefault();
$(".contact .inner").addClass("hidden");
...
Run Code Online (Sandbox Code Playgroud)
(是的,它确实被调用了。)
这是我的 CSS/SASS 的样子:
.contact {
background: #3c6ea5;
color: #fff;
display: none;
height: 500px;
.hidden:before {
display: none;
}
.inner {
margin: auto;
padding-top: 20px;
position: relative;
width: 400px;
&:before {
border: solid;
border-color: #3c6ea5 transparent;
border-width: 14px 16px 0 16px;
bottom: -107px;
content: "";
display: block;
position: absolute;
right: -50px;
}
.hidden:before {
display: none;
}
} …Run Code Online (Sandbox Code Playgroud)