Javascript 包括一个完整的CSS文件,但仅将整个文件应用于某些特定的div
我以前写过一些css,那是一个表单。现在我正在设计一个新的网站,我需要使用我以前写的css,但是如果我将旧的css文件链接到页面,它将覆盖当前网站的一些css规则。有没有办法只将css应用于html的某些部分,比如divJavascript 包括一个完整的CSS文件,但仅将整个文件应用于某些特定的div,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我以前写过一些css,那是一个表单。现在我正在设计一个新的网站,我需要使用我以前写的css,但是如果我将旧的css文件链接到页面,它将覆盖当前网站的一些css规则。有没有办法只将css应用于html的某些部分,比如div 我想说得更清楚一些。旧的CSS文件有1100行,它正在被压缩,我真正需要的只是其中的几行,我不想从中获取它们,这需要时间,我不能确定我获取了所有我需要的,所以我想将整个CSS文件链接到页面,并应用旧的文件,只有HTML中的某些特定div才可以使用id和类 这是一个ID HTML
我想说得更清楚一些。旧的CSS文件有1100行,它正在被压缩,我真正需要的只是其中的几行,我不想从中获取它们,这需要时间,我不能确定我获取了所有我需要的,所以我想将整个CSS文件链接到页面,并应用旧的文件,只有HTML中的某些特定div才可以使用
id和类
这是一个ID
HTML:
这里有一个课程
:
HTML
一个类
应该用于许多您想要相同样式的元素,比如图像。使用
定义类
ID
只能用于一个唯一的元素,例如登录表单。如果div有一个类,例如:
<div class="some-name">Some text</div>
如果div具有id,例如:
<div id="some-name">Some text</div>
CSS提供类
和id
来定义标签。
比如说,
HTML文件:
<div class = "test">
Test
</div>
<div id = "test2">
Test2
</div>
.test{
background-color:red;
}
#test2{
background-color:blue;
}
演示:
有一些参考数据:如果div有类或id,则为Yes。只需使用class或id即可。您可以向div
元素添加class或id属性,并在当前选择器之前添加该id/class选择器,如.myClass form{}
这是一个非常基本的CSS-你能不能看一下教程的第一页?我想说得更清楚一些。我想要使用的旧的css隐藏在一个.css文件中,它正在被压缩,要想得到我真正需要的东西需要付出很多努力。我只想链接旧的css文件,并使用一些特殊规则,而不是css文件中的所有规则,然后将css文件应用到特定的div
<div class="some-name">Some text</div>
.some-name
{
css stlyes go here
}
<div id="some-name">Some text</div>
#some-name
{
css stlyes go here
}
<div class = "test">
Test
</div>
<div id = "test2">
Test2
</div>
.test{
background-color:red;
}
#test2{
background-color:blue;
}