Question

我之前写了一些css，那是一个表格。现在我正在设计一个新的网站，我需要使用之前编写的CSS，但是如果我将旧的CSS文件链接到页面，它将覆盖当前网站的一些css规则。有没有办法只将css应用于html的某些部分，比如说div？

我想让这个更清楚。旧的CSS文件有1100行，它正在被压缩，我真正需要的只有几行，我不想从中获取它，这需要时间，我不能确定我抓住所有我需要，所以我想将整个css文件链接到页面，并应用旧文件，只有某些div

Answer 1

在HTML中，您只需使用id's和classes

这是ID

HTML：

<div id="intro">
<p> Hi </p>
</div>

CSS：

#intro {
color:#FFFFFF;
}

这是class：

HTML

<div class="hi">
 <p> Hi </p>
 </div

CSS：

.hi { 
 color:#009DFF;
}

CLASS应该用于您想要相同样式的许多元素，比如图像。您使用CLASS定义.。

ID只应用于一个唯一元素，例如登录表单。 ID定义为#。

Answer 2

如果div有类，例如：

<div class="some-name">Some text</div>

CSS将是：

.some-name
{
     css stlyes go here
}

如果div具有id，例如：

<div id="some-name">Some text</div>

CSS将是：

#some-name
{
     css stlyes go here
}

Answer 3

CSS提供class和id来定义标记例如，

HTML文件：

<div class = "test">
    Test
</div>
<div id = "test2">
    Test2
</div>

CSS文件：

.test{
    background-color:red;
}
#test2{
    background-color:blue;
}

演示：JSfiddle