Html 如何使用css将光标添加到父元素并将其应用到子元素？

我想将cursor:notallowed应用于父元素，这也应该应用于子元素

我想做什么？ 父div元素带有类“card”和游标指针，子元素带有游标指针。现在，当父div元素具有类“card”和“disabled”时，我希望父div元素和子元素具有游标：notallowed

下面是我的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>

现在，我已经应用了一些类似下面的样式来创建光标：当父div具有类card并禁用时不允许

.card.disabled {
    cursor: not-allowed;
}

这不管用。有人能帮我吗。谢谢。

此css代码：

.card.disabled，
.card.disabled*{
光标：不允许；
}

试试这个：

.card, 
.card * {
     cursor: pointer;
}

.card.disabled,
.card.disabled * {
    cursor: not-allowed;
}

---

您的第一个CSS片段不是有效的CSS，除非您使用的是诸如SASS或更少的某种预处理器（在本例中，最好在问题中提及或标记它）try.card.disabled{.icon、.image、.footer svg{cursor:not allowed；}}您比我快了2分钟：）@Szekelygobe，这不值得，因为U C XD

.card, 
.card * {
     cursor: pointer;
}

.card.disabled,
.card.disabled * {
    cursor: not-allowed;
}