我正在一个主页上链接到我的几个项目。我试图链接到另一个样式与首页不同的html。我用于第二个html的图像和文本可以正常工作，但是它采用的是首页的样式，而不是其自己的设计（与众不同）。我的问题是可以链接到另一个具有不同样式的html吗？如果是这样，我该如何输入？当我尝试将第二个html的样式放在主页的文件夹中时，它不允许我使用，因为我已经在主主页上使用了另一个style.css。我尝试更改第二个样式文件的名称，但仍然无法正常工作。
如果我对您的理解正确，则您有两个HTML页面，并且每个页面都希望使用不同的CSS样式。
您可以有多个CSS文件，但不能有两个同名文件。
<head>并添加<link href="home.css" rel="stylesheet" /><head>并添加<link href="secondpage.css" rel="stylesheet" />确保html文件和css文件位于同一文件夹中。如果找不到<head>，请参见以下代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="home.css" rel="stylesheet" />
</head>
<body>
<p>Hello World</p>
</body>
</html>
是，可以对不同的html页面使用不同的样式。主要有两种简单的方法
每个HTML页面都使用不同的CSS文件（不推荐使用）：假设您使用mystyle.css为homepage.html
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
</html>
因此，对于其他html页面，您可以使用secondpage.css
<html>
<head>
<link rel="stylesheet" type="text/css" href="secondpage.css">
</head>
</html>
并确保您正确指定路径
推荐的其他方法是为html属性提供不同的类名称，以便可以在单个样式表中指定所有样式。这也将减少您的页面查找时间。
让我们说这是home.html：
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div class="homepage">
// Other content here
</div
</body>
</html>
因此，在第二个html文件中，您可以使用不同的类
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
</head>
<body>
<div class="secondpage">
// Other content here
</div
</body>
</html>
所以现在yourstylesheet看起来像：
.homepage{
//your style here
}
.secondpage{
// your style here
}
希望如此有帮助。