我想将光标：不允许用于父元素，这也应应用于子元素。
我想做什么？我有父div元素与类“卡”和光标指针和子元素与光标指针。现在，当父div元素与“卡”和“禁用”类一起使用时，我现在希望父div元素和子元素具有cursor：not-allowed。
以下是我的html代码，
<div class="card disabled">
<a href="some">
<div class="image">
<img/>
</div>
</a>
<a href="some">
<button class="icon">
<svg />
</button>
</a>
<div class="footer">
<div class="info">
<a href="somewhere">
<h4>text</h4>
</a>
</div>
<button>
<svg/>
</button>
<div class="more">
<div class="container">
<button></button>
</div>
</div>
</div>
</div>
下面是CSS，
.card {
.icon {
cursor: pointer;
}
.image {
cursor: pointer;
}
.footer {
svg {
cursor: pointer;
}
}
}
现在，我已经应用了如下所示的样式来制作光标：当父div具有类别card并被禁用时，不允许使用
.card.disabled {
cursor: not-allowed;
}
这行不通。有人可以帮我吗 谢谢。
尝试这个 ：
.card,
.card * {
cursor: pointer;
}
.card.disabled,
.card.disabled * {
cursor: not-allowed;
}
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句