Modificar clase CSS cuando se interactua con otra clase

Hola, básicamente quiero modificar un atributo de una clase cuando se interactua con otra clase, el código que quiero hacer es:

Código :

.nav-selected {
border: 0;
}

quiero que esto de arriba se ejecute cuando:

Código :

nav ul ul a:hover {
estilo
}

Es decir, cuando se ejecute el pseudoelemento hover sobre nav ul ul.

Muchas Gracias,
Martí

PS: siento si está repetido, he buscado y no he encontrado nada (no sabía muy bien como buscarlo)

Código HTML :

.nav-selected , nav ul ul a:hover{
    border: 0;
}

creo que no se puede hacer con solo css, con jquery seria algo como esto:

Código Javascript :

$("nav ul ul a").hover(function () { 
         
       $(".nav-selectedl").attr("border", "none") ;        
     }); 

Si lo que quiere es que se elimine el borde en ambos casos, debería funcionar como le dije más arriba. Puedes hacer que una regla se aplique a varios casos separando cada caso con una coma

En efecto, creo que me refería a lo que @HtrMancera dice, aunque lo que ha escrito no me funciona.

He puesto un link a jquery en el head y el script dentro de <nav> y después de </ul>. Lo he hecho bien? No tengo mucha experiencia con jscript.

Muchas gracias por responder,
Martí

Ah, creo que ya entiendo. Quieres que el borde en ".nav-selected" (que me imagino que está dentro de nav ul ul a) cuando se haga hover en ese link.
Si es eso (y .nav-selected está donde creo que está), sería:

Código HTML :

nav ul ul a:hover .nav-selected{
      border:none;
]

¿Es eso o aún no entiendo cómo va la cosa?

marticps escribió:

Pensé que tenias alguna experiencia con js así que no te puse el código completo, si pones esto dentro de tu head, debería funcionar en teoría.

Código :

<script type="text/javascript">
                $(document).ready(function(){ 

                         $("nav ul ul a").hover(function () { 
                               $(".nav-selectedl").attr("border", "none") ;        
                           }); 
                  });
</script>

Si no funciona así prueba cambiando "attr" por "css".

No me funciona ni con attr ni con css

Lo he intentado también con otras clases y elementos pero no cambia nada.

Muchas gracias por responder,
marti

A ver, marticps, para aclararnos un poco, coloca el html donde quieres aplicar esas reglas, a ver si entedemos cómo va la cosa. No todo el HTML, sólo el pedazo que nos interesa para esto

No lo conseguí, con ningun de los dos modos. El html es

Código HTML :

  <nav>
    <ul>
      <li class="nav-selected"><a href="#">Home</a></li>
      <li><a href="#">Biography</a></li>
      <li><a href="#">Work</a>
        <ul>
          <li><a href="#">Oil Paintings</a>
            <ul>
              <li><a href="#">Landscape</a></li>
              <li><a href="#">Figure</a></li>
              <li><a href="#">Portrait</a></li>
              <li><a href="#">Flowers</a></li>
            </ul>
          </li>
      <li><a href="#">Favourite Links</a></li>
      <li><a href="#">Contact Me</a></li>
    </ul>
  </nav>

De todos modos no os preocupeis demasiado, es un aspecto menor.

Muchas gracias por todo,
marti