Jak poprawnie wydzielić style do pliku .css?

Jak poprawnie wydzielić style do pliku .css?
V3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 283
0

Dzień dobry,
tworzę sobie aplikacje w Blazor i chcę wykorzystać w niej CSS.
Powiedzmy mam komponent o nazwie test.razor w którym utwórzyłem sobie styl, który umieściłem w środku tego kompomentu za pomocą <style> .... </style>
i tutaj super bo wszystko działa.
Natomiast gdy utworzyłem sobie oddzielny plik o nazwie test.razor.css i tam zamieściłem zawartość styli, która wcześniej znajdowała się w komponencie test.razor pomiędzy znacznikami <style>,,,</style> to niestety nie działają mi one.

Co może być tego przyczyną?

Pozdrawiam,
Łukasz

Schadoow
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 1082
2

sprawdź czy w wynikowy buildzie pojawiają się te klasy css i czy są podlinkowane w headerze lub inlinowane.

V3
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 283
0
Schadoow napisał(a):

sprawdź czy w wynikowy buildzie pojawiają się te klasy css i czy są podlinkowane w headerze lub inlinowane.

Ok, dzięki za podpowiedź.
Zrobiłem tak:

  • skasowałem plik test.razor.css
  • utworzyłem w folderze wwwroot/css/ plik style.css i do niego wrzuciłem cały niedziałający styl
  • następnie w pliku _Host.cshtml dodałem linijkę: <link href="css/style.css" rel="stylesheet" /> i działa :)
CZ
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 25
0

No ale to nie rozwiązuje problemu, bo dalej nie działają Ci cssy z componentu

Schadoow
  • Rejestracja: dni
  • Ostatnio: dni
  • Postów: 1082
1

to powinno się samo podlinkować w rozorze. Sprawdź najpierw to co mówiłem. Jak nie to czy pliki maja ta sama nazwę na pewno i czy są w tym samym folderze. Sprawdź pliki w consoli żeby nie okazało się ze dałeś tam jakieś białe znaki i sprawdź build z command lina.

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.