Class direkt ansprechen - Button im Revolution Slider

Liebe Gemeinschaft,

ich bearbeite gerade dieses Template. Seht Ihr den Button unter "Make an appointment"? Hier brauche ich den gewöhnlichen Mouseover-Pointer.

Natürlich funktioniert

.start img:hover
{
  cursor:pointer !important;
}

aber: Damit erscheint der Pointer auch über der blauen Box.

Der Button hat diese class=

tp-caption lfr tp-scrollbelowslider start

. Kann ich diese nicht direkt ansprechen?

Weshalb funktioniert beispielsweise

#page .tp-scrollbelowslider .start img:hover
{
  cursor:pointer !important;
}

nicht?

Vielen Dank im Voraus

Zitat von SirEctor

Wenn müsstest du es so schreiben:

CSS

#page .tp-scrollbelowslider.start img:hover
{
  cursor: pointer !important;
}

Vielen Dank – ein Leerzeichen zu viel war also schuld ... :p

Allein, ich habe derartige Zugriffe auch mit Leerzeichen:

.slick-why-choose-us .wp-icons-wrapper

– und die funktionieren! Warum?

Zitat von SirEctor

Beschäftige dich mal mit CSS, das ist Grundwissen. Das jetzt hier zu erläutern würde den Rahmen sprengen.

Das möchte ich nicht ganz so stehen lassen, persönlich habe ich diese Syntax in den letzten Jahren kein einziges Mal benötigt.