SCSS - jak się dostać do zagnieżdżonego elementu?

SCSS - jak się dostać do zagnieżdżonego elementu?
Nindzia
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 255
0

Cześć, uzywam libki Fotorama, po kliknięciu w przycisk strzałek wyświetla mi się aktywne zdjęcie na fullscreenie, chciałbym je odpowiednio ostylować, używam scss jak na zdjęciu niżej:
https://zapodaj.net/08b92e8449589.png.html
Sposób w jaki chcę się dostać do tego zdjęcia:

Kopiuj
.fotorama--fullscreen {
  border: 2px solid blue;

  .fotorama__stage__shaft {

    .fotorama__stage__frame {

      img {
        border: 10px solid red;
      }
    }
  }

Wszystko działa do momentu próby ostylowania elementu img. Czy ktoś umiałby mi z tym pomóc?

EDIT: Warto dodać, że te obrazki idą z bazy w pętli (twig)

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
1

Ten scss wygląda okej. Albo drabinka klas się nie zgadza, albo style nie są ładowane, albo coś innego nadpisuje ten styl.

Riddle
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 10227
0
Nindzia napisał(a):

siedzę nad tym kupę czasu i już sam zgłupiałem
może to być kwestia tego, że te obrazki ładują się z bazy?

Musisz pokazać więcej kodu albo link do strony. Z tego screenshota nikt nic nie wywróży.

Zarejestruj się i dołącz do największej społeczności programistów w Polsce.

Otrzymaj wsparcie, dziel się wiedzą i rozwijaj swoje umiejętności z najlepszymi.