Как убрать стиль CSS?

Question

У меня есть блок с div внутри:

<div>
   <div class="do">Do it</div>
</div>

Элемент .do имеет cursor: none, но у родительского div есть курсор.

Как удалить курсор из элемента .do ? Теперь родительский блок устанавливает это свойство

Answer 1

Это должно прийти с простым правилом

div {
  cursor: pointer;
}
.do {
  cursor: none;
}

<div>
   <div class="do">Do it</div>
</div>

Answer 2

Вы, вероятно, имеете дело с CSS правилом прецедента. Посмотрите на это Специфическое сделать c для получения дополнительной информации.

Я предполагаю, что это происходит (вставленный код из ответа Николая)

.withCursor > .withoutCursor {
  cursor: pointer;
}
.withCursor {
  cursor: pointer;
}
.withoutCursor {
  cursor: none;
}

<div class="withCursor">
   <div class="withoutCursor">Do it</div>
</div>

Как вы можете заметить, правило для .withoutCursor переопределяется .withCursor > .withoutCursor.

Если вы выберете правильный селектор для вашего .do или удалите тот, который переопределяет его, это должно быть тривиально.

Answer 3

.withCursor {
  cursor: pointer;
}

.withoutCursor {
  cursor: none;
}

.withInitialCursor {
  cursor: initial;
}

<div class="withCursor">
   <div class="withoutCursor">None</div>
   <div class="withInitialCursor">Cursor initial</div>
   <div>Cursor pointer - inherited</div>
</div>

Вы можете просто сделать cursor: none для внутреннего элемента.