Question

例如：

<html>
 <head>
  <link href="css/style1.css" type="text/css" />
  <link href="css/style2.css" type="text/css" />
 </head>

 <body>

 <div>I want to use style1.css within this div<div>
 <div>I want to use style2.css within this div<div>

 <body>

有没有可能的方法呢？

谢谢。

Answer 1

在您的两个文件中定义div的不同类。

例如，在style1.css中你可能有：

div.class1
{
background-color: red;
}

在style2.css中你可能有：

div.class2
{
background-color: blue;
}

然后更改代码以反映每种样式的位置，即：

<div class="class1">I want to use style1.css within this div<div>
<div class="class2">I want to use style2.css within this div<div>

Answer 2

正如您所写，这是不可能的，但您只能为id提供div-tags id和格式。因此，您只需添加一个css文件，它可以为您提供更好的概述，结构和网站加载速度更快。 HTML标记

<div id='first'></div>
<div id='second'></div>

并在css中

#first{
   background-color:red;
}

#second{
   background-color:green;
}

通过使用id，您可以确保访问速度比使用类更快。如果你想以不同的方式设置div的内容，你也可以这样做。

Answer 3

如果我是你，我也会用类来定义哪个样式去哪个div。但是我不会为每个类使用单独的样式表。我将两个类合并为一个样式表，因为像EvilP所说，加载两个单独的css文件可能会很慢。此外，我会避免使用类，其中类可以有效地完成工作，因为id仅用于定位一个特定元素，而类不必，但可以定位多个元素。因此，整体课程更加通用。

为链接的css文件使用命名空间

3 个答案: