我在CSS中更改选择器时未应用样式

Question

我有文件：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中，如果我使用与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 {}

分别编辑每个正方形