Стиль не применяется, когда я меняю селектор в CSS
У меня есть файлы: index.php / register.php / style.css
В index.php у меня есть div с id = "square", и я использую его в style.css.
#square{
width: 300px;
height: 170px;
background-color: green;
margin-left: 400px;
margin-top: 130px;}
В register.php, если я использую тот же div с id = "square", я получаю те же эффекты, и мой файл CSS работает.
Но если я изменю id для exmaple на "square1", мой файл CSS не будет работать для register.php
#square1{
width: 500px;
background-color: green;}
Не могли бы вы мне помочь, ребята ???
Хорошо, но я хочу, чтобы мой index.php отображал то, что находится в #square, но register.php, что находится в # square1
какой идентификатор фактически используется в разметке register.php? Эта страница загружает style.css?
Можете ли вы поделиться полезными частями как index.php, так и register.php?
вы сделали резкое обновление, чтобы браузер перезагрузил вашу таблицу стилей?
Пит, да, я сделал это. Я загрузил свой код ниже.
Затем вам нужно создать минимальный воспроизводимый пример, поскольку предоставленный вами код должен работать.
Ответы 1
Вам следует использовать такие классы:
<div class = "square" id = "square1">
<div class = "square" id = "square2">
<div class = "square" id = "square3">
Затем, если вы используете .square {} в css, все квадраты получат одинаковые свойства. Теперь вы также можете редактировать каждый квадрат отдельно, используя id # square1 {}
Когда я создал новый файл только с div, такими как квадраты, он работал у меня. Конечно, у меня что-то не так с моим кодом. Большое спасибо за помощь !!!
конечно, селектор, определенный в вашем CSS, должен соответствовать тому же идентификатору в разметке - покажите вашу фактическую разметку