Jak wyłączyć style tylko dla danej przeglądarki (firefoks)

Fri, 03 May 2019 16:26:28 +0000

Być może głupie pytanie być może nie. Czy można z góry jakąś komendą wyłączyć dany selektor , zmiane jakiegoś css-a tylko w danej przeglądarce która zwyczajnie źle wyświetla lub strona nie działa po tem tak jak chcemy.

Przykladowo wszedzie dobrze mi działa rotacja tylko nie w firefoksie. Gdy klikam w obiekt to nie moge go przesuwać. ( w sensie jest to taka linia czasu która przestawia mnie na wyznaczone miejsce w komentarzach..

Mam ustawione tak:

.linia czasu

{     z-index: 500 !important;
    position: fixed;
    display: inline-table;
    padding: .5em;
    width: 5em;
    height: 5em;
    transition: .4s all;
     -moz-transition:.4s all;
    left: -500px;
    top: -250px;

    transform: rotate(270deg);
    -moz-transform:rotate(270deg);
  



}

linia czasu:active // przesuwam ją na ekranie w inne miejsce



{
    z-index: 500 !important;
    position: absolute;
  left:10px;
  top:10px;
    /* border: 1px solid; */
    padding: .5em;
    width: 5em;
    height: 5em;
     transition: .4s all;
      -moz-transition:.4s all;
   transform: rotate(360deg);
    -moz-transform:rotate(360deg) }

Jak wyłączyć style SCSS w przeglądarce

Tue, 15 Jan 2019 11:40:58 +0000

Przeglądarka Firefox/Chrome/Chromium (Reszty nie sprawdzałem) utrudnia mi tworzenie layoutu poprzez ładowanie stylów .scss, przez co mam zduplikowane klasy w narzędziu dla developera.

Gdy usuwam atrybut width z przykładowej klasy .mask, muszę to również zrobić w klasie poniżej, co jest nieefektywne.

Oto mój header ze wszystkimi stylami:

    <link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons">

    <link href="{{ asset('bs4/css/bootstrap.min.css') }}" rel="stylesheet">

    <link href="{{ asset('css/mystories.css') }}" rel="stylesheet">

Jak widać - brak duplikatów czy stylów .scss, z których jest swoją drogą tworzony mystories.css.

Jeżeli potrzebujecie dodatkowych informacji - jestem do waszej dyspozycji.

Forum Pasja Informatyki - Najnowsze z tagiem developer-tool

Jak wyłączyć style tylko dla danej przeglądarki (firefoks)

Jak wyłączyć style SCSS w przeglądarce