html - What is the difference between no-drop and not-allowed in CSS? -


i surprised see cursor styles "no-drop" , "not-allowed" same in nature in css. so, why need them both?

while may cause same effect on systems, semantically different, allowing browser , / or system implement different graphic each case. no-drop implies element not implement drag-and-drop api, while not-allowed generic term meaning action not enabled on element.

div {    padding: 5px;    margin: 5px;  }    pre {    display: inline-block;    background-color: #dddddd;  }    .no-drop {    background-color: #dd22dd;    cursor: no-drop;  }    .not-allowed {    background-color: #dddd22;    cursor: not-allowed;  }
<div class="no-drop">this area displays <pre>no-drop</pre> cursor.</div>    <div class="not-allowed">this area displays <pre>not-allowed</pre> cursor.</div>