我想使用来隐藏附加到div上的CSS三角形:before，并且遇到了要实现的以下解决方案：https : //stackoverflow.com/a/11354393/998117
但是，我的jQuery无法正常工作：
$(".contact input[type='submit']").click(function(event) {
event.preventDefault();
$(".contact .inner").addClass("hidden");
...
（是的，它确实会被调用。）
这是我的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;
}
}
...
为什么不隐藏它？我究竟做错了什么？
您的Sass关闭了，应该是：
.inner {
&.hidden:before {
display: none;
}
}
注意隐藏之前的＆
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句