Question

我使用不同的CSS（差不多10个），我有一个网页，其中包含多个网页，每个页面都有指定的CSS，但结果让我头疼所有CSS相互混合，我试图声明CSS分别在每个页面的头部像这样：

<head>
    <title>My web page</title>
    <link type="text/css" rel="stylesheet" href="css/style.css"/>
</head>

但它不起作用，任何想法如何制作CSS本地声明，以便我可以在特定元素中使用它，而无需通过class=" "重新创建所有HTML。我想在包含多个网页的网页中应用不同的CSS样式进行任何声明吗？

Answer 1

我建议你为所有页面提供一个通用的CSS（尽管你甚至可能不需要它） - 所有人都会使用的规则集，比如定义体型，重置某些元素的规则等等...然后，在每个页面中，您首先要包含CSS，然后再包含特定于网页的CSS。像这样：

第1页

<head>
    <title>My web page 1</title>
    <link type="text/css" rel="stylesheet" href="css/common.css"/>
    <link type="text/css" rel="stylesheet" href="css/page1.css"/>
</head>

第2页

<head>
    <title>My web page 2</title>
    <link type="text/css" rel="stylesheet" href="css/common.css"/>
    <link type="text/css" rel="stylesheet" href="css/page2.css"/>
</head>

等...

在包含多个网页的网页中本地应用不同的CSS样式

1 个答案: