Как удалить стиль парения в CSS

Question

Я определил это парение для сНа элемента

div.MyCSSClass:hover 
{ 
    background-color: purple; 
} 

Это мой HTML источник:

<div class=" 
    <ul class="MyParentCSSClass"> 
    <li> 
     <div> 
      <div> 
      <div class="MyCSSClass"> 
       <!-- I want to remove CSS hover for this div element --> 

Я хочу, чтобы удалить зависать, когда div.MyCSSClass является потомком MyParentCSSClass, поэтому я добавляю это, чтобы удалить стиль парения в CSS:

.MyParentCSSClass div.MyCSSClass:hover 
{ 
} 

Но это не сработало. Я все еще вижу тот же стиль наведения. Есть ли способ удалить наведение в CSS без создания нового класса CSS для моего тега div? Я хочу сохранить то же имя, что и другое свойство CSS, использует «MyCSSClass».

Спасибо за предложение. Я попытался

background-color: none !important; 

Но когда я смотрю в хроме, что CSS в настоящее время перезаписан

.MyGrandParentClass div.MyCSSClass:hover 
{ 
    background-color: purple; 
} 

и источник HTML является

<div class="MyGrandParent"> 
    <ul class="MyParentCSSClass"> 
    <li> 
     <div> 
      <div> 
      <div class="MyCSSClass"> 
       <!-- I want to remove CSS hover for this div element --> 

Мой вопрос заключается в том, как мой «Удалить hover 'css правило переписывается? Я поставил «важное» в свое правило.

Answer 1

.MyParentCSSClass div.MyCSSClass:hover { 
    background-color: none; 
} 

Это перепишет цвет фона, заданный div.MyCSSClass:hover. если вы держите MyParentCSSClass div.MyCSSClass:hover пустым, как MyParentCSSClass div.MyCSSClass:hover {}, он ничего не перезапишет или ничего не сделает.

Answer 2

Вам нужно переписать все ранее добавленные стили в событие зависания. В указанном вами случае выполните следующие действия:

.MyParentCSSClass div.MyCSSClass:hover 
{ 
    background-color: none; 
} 

Answer 3

Фоновый цвет: нет; не является стандартом w3c. Он будет работать в некоторых браузерах, но, согласно стандарту w3c, это не так.

Итак, попробуйте использовать цвет фона: прозрачный, который будет работать на всех браузерах, и w3c может проверить ваш код.

Удачи.