Tengo un fragmento de código para hacer que los elementos 1 y 2 en el menú sean coloridos al pasar el mouse con CSS. ¿Cuál es el código HTML para 0. Elemento "VCM Panopto" (padre)? Si escribo niño: 0 no funciona ingrese la descripción de la imagen aquí

div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(1) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf.active, 
div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(1) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf.focus,
div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(1) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf:hover, 
div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(1) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf a:hover
{
    background-color: #2f7ca6;     /* BLUE */
    /*color: #fff;*/
}

div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(2) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf.active, 
div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(2) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf.focus,
div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(2) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf:hover, 
div.o_tree.o_tree_root_visible.o_course_menu ul.o_tree_l0 li.active_parent ul.o_tree_l1 li:nth-Child(2) span.o_tree_link.o_tree_l1.o_tree_level_label_leaf a:hover
{
    background-color: #b10058;     /* FUCHSIA */
    /*color: #fff;*/
}
0
Artem Kuzmin 28 jul. 2020 a las 11:59

1 respuesta

La mejor respuesta

Este código funcionó

 #dd102071742529541 > .o_tree_link:hover {
 background-color: green !important;
 }
0
Artem Kuzmin 30 jul. 2020 a las 20:07