Dar estilos a un scrollbar anidado en divs

[mensajeescrito]

Hola amigos a ver si alguien me puede ayudar en esto:

Tengo un scrollbar que funciona bien.

Se entiende que es un div "B" que contiene a su vez otro div "C" y que sube y baja este "C" mediante un scrollbal.

OK

el tema esta en que este scrollbar esta personalizado con estilos mediante jquery.

para ello el jquery hace su efecto sobre el div "B".

Ok

Bien por el diseño de mi web, me veo obligado a que el div "B" esté a su vez dentro de otro div "A". Y es ahí donde jquery no detecta el div "B" y no le aplica los estilos personalizados. y en su lugar me sale un scrollbar por defecto del navegador algo feo.


¿Que tendría que poner en el siguiente codigo de jquery para que el div "B" me detectase los estilos del jquery?


Supongamos que los divs son ids asi:

Código HTML:

<div id="A">
 
      <div id="B">
 
          <div id="C">
                  contenido del scrollbar
          </div>
 
       </div>
 
</div>
 

Código Javascript:

$(document).ready(function() {
  
            $("#B").niceScroll({touchbehavior:false,cursorcolor:"#555452",cursoropacitymax:0.7,cursorwidth:5,background:"none",autohidemode:false});
            
          });
 

He probado a poner algo asi como lo siguiente pero no funciona, pero se que por ahí van los tiros, creo:

Código Javascript:

$(document).ready(function() {
     
                $("#A div#B").niceScroll({touchbehavior:false,cursorcolor:"#555452",cursoropacitymax:0.7,cursorwidth:5,background:"none",autohidemode:false});
               
              });
 

Gracias de antemano.