php - 当我更改 CSS 中的选择器时，样式未应用

Question

我有文件:index.php/register.php/style.css

在 index.php 中，我有一个带有 id="square"的 div，我在 style.css 中使用它

#square{
width: 300px;
height: 170px;
background-color: green;
margin-left: 400px;
margin-top: 130px;}

在 register.php 中，如果我使用带有 id="square"的相同 div，我会得到相同的效果并且我的 CSS 文件可以正常工作。

但是如果我将 exmaple 的 id 更改为“square1”，我的 CSS 文件将无法用于 register.php

#square1{
width: 500px;
background-color: green;}

你们能帮帮我吗？？？

Answer 1

你应该像这样使用类:

<div class="square" id="square1">
<div class="square" id="square2">
<div class="square" id="square3">

然后，如果您在 css 中使用 .square { }，所有正方形都将获得相同的属性。现在您还可以使用 id #square1 { }

分别编辑每个方 block