Стили css не работают, что я делаю неправильно?

Question

[Ozrae]

Вот этот css код:

.btn.btn-link {
    margin-left: 2;
    color: rgba(90, 224, 0, 0.856);
}

html:

<button type="button" class="btn btn-link">button</button>

Ссылку на css я указывал:

<link rel='stylesheet' href='{% static "css/styles.css" %}' meta charset="UTF-8">

Comments

[RAX7]

margin-left: 2; единицы измерения не указал

[Ozrae]

RAX7, не помогло

[Виталий Гусев]

margin-left: 2;

2 чего???
У меня без указания единиц измерения тоже не работает.

.btn.btn-link - было бы не плохо разделить классы пробелом.

Answer 1

[IninsaY]

Посмотри, подключился ли css: ПКМ/Просмотр кода страницы/найди там эту строчки и перейди по ней

Если там будет код твоего css, то ты всё правильно подключил, если нет, то проблема в подключении.
(Фотография с моего сайта, у тебя может быть другое название файла)

Comments

[Ozrae]

Там есть код, однако когда я его меняю в редакторе, в этой ссылке он не изменяется, даже если весь код css удалить и перезагрузить сервер он там будет. Может в гите надо добавить или еще что?

[IninsaY]

О, у меня была такая же проблема. Это проблемы хрома.
Решение:
Почистить кэш (хреновый вариант, каждый раз чистить муторно)
Норм вариант:
Ctrl + F5

[Ozrae]

IninsaY, нифига себе XD две кнопки и все заработало)) Спасибо

[IninsaY]

Ozrae, ага, я тоже не понимал, перезапускал сервер раз за разом, загуглил и наконец-то стили обновились)

Answer 2

[Abdul Amenov]

Попробуй поставить слеш перед css
static “/css/...
Еще у тебя написано margin-left: 2
где px? или что ты используешь?
Правильно было бы margin-left: 2rem или 2px сам выбери что тебе нужно

Comments

[Ozrae]

Даже так не работает, ставил слеш, ставил px. Пробовал указать полный селектор типа:

div.collapse.navbar-collapse button.btn.btn-link

И даже так:

nav.navbar.navbar-expand-lg.navbar-dark.bg-dark div.collapse.navbar-collapse button.btn.btn-link

Хотя уже лишнее наверно

Например .admin-panel работает, а этот элемент нет

[Abdul Amenov]

Ozrae, в консоли разработчика случайно нет ошибки что мол styles.css не найден?
Просмотр кода>Консоль
Также посмотри есть ли в твоем html коде сам тег с подключением и в тех ли ты файлах все делаешь а то может копию создал в ней все пишешь а она к проекту не подключена

[Abdul Amenov]

Ozrae, а вообще на чем ты пишешь что конструкция такая {% static...? Что это за шаблонизатор?

[Ozrae]

Абдулсалам Аменов, Я не через консоль работаю, а редактор, так что у меня консоль пуста. А в редакторе только GET запросы. Все делаю в тех файлах, сервер перезапускал. Сейчас ради любопытства попробовал изменить уже существующий объект

.admin-panel

Ничего не меняется, все остается таким же, даже после перезапуска сервера, т.е получается ничего не работает.

[Ozrae]

Абдулсалам Аменов, Не совсем понимаю о шаблонизаторах. Использую django/python, html, css, bootstrap. Делал блог по урокам молчанова, сейчас хотел что-то свое добавить и вот...

[Abdul Amenov]

Ozrae, там чисто верстка получается без всяких сборщиков?
Если так то в своем link теге удали {% такие скобки и слово статик. Сделай так:

<link rel="stylesheet" href="css/styles.css">

[Abdul Amenov]

Ozrae, ааа получается на django а у тебя в setting.py путь к статике указан?

[Ozrae]

Абдулсалам Аменов, У меня полноценный простенький блог:

https://github.com/Berhtz/blog

вот файлы и код на картинке:

[Ozrae]

Абдулсалам Аменов, как-то так:

STATIC_URL = '/static/'

STATICFILES_DIRS = [
os.path.join(BASE_DIR, 'static')
]

[Abdul Amenov]

Ozrae, в браузере на твоем сайте нажми f12 и перейди в консоль там посмотри нет ли ошибок

[Ozrae]

Абдулсалам Аменов, Ничего, может он не видит изменений:

[Abdul Amenov]

Ozrae, Пропиши в самом вверху не {% load static %} а {% load staticfiles %} https://youtu.be/FYsMGJzMGVQ Посмотри это видео

[Abdul Amenov]

Ozrae, и слеш перед css убери

[Ozrae]

Абдулсалам Аменов,

[Ozrae]

Абдулсалам Аменов, Сейчас попробую пересмотреть в видео курсе этот момент, раньше работало ведь

[Ozrae]

Абдулсалам Аменов, спасибо, за ответы. Решение нашли))