一个节的子节的CSS文件

一个节的子节的CSS文件,css,Css,我的页面上有许多部分。这些节中的每一节都可以有类似的元素,例如,这些节中的每一节都可以是h1元素 我想添加css文件,其中每个css都只用于一个部分 例如,我的页面上有三个部分,其中ID为: 第1节——第2节——第3节 我也有三个css文件,名称如下: section1.css--section2.css--section3.css 如何做到每个css文件引用一个合适的部分 也许我可以在每个css文件中添加任何附加块,并使用分区id?我不知道您为什么要这样做,但是如果您想为每个分区创建具

我的页面上有许多
部分。这些
节中的每一节都可以有类似的元素,例如,这些节中的每一节都可以是
h1
元素

我想添加css文件,其中每个css都只用于一个部分

例如,我的页面上有三个部分,其中ID为:

  • 第1节——第2节——第3节
我也有三个css文件,名称如下:

  • section1.css--section2.css--section3.css
如何做到每个css文件引用一个合适的部分


也许我可以在每个css文件中添加任何附加块,并使用分区id?

我不知道您为什么要这样做,但是如果您想为每个分区创建具有唯一id的单独样式,只需将id用作选择器即可。例如:
第1节css

#section1 h1{ color:red;} 
#section1 .someclass { color: blue} 
#section2 h1 { color: green;} 
#section2 .someclass {color:yellow;} 

第2节css

#section1 h1{ color:red;} 
#section1 .someclass { color: blue} 
#section2 h1 { color: green;} 
#section2 .someclass {color:yellow;} 


等等您将为每个部分提供单独的样式,并按ID进行选择。我认为这是最简单的方法。

我不知道您为什么要这样做,但如果您希望为每个具有唯一ID的部分提供单独的样式,只需将ID用作选择器即可。例如:
第1节css

#section1 h1{ color:red;} 
#section1 .someclass { color: blue} 
#section2 h1 { color: green;} 
#section2 .someclass {color:yellow;} 

第2节css

#section1 h1{ color:red;} 
#section1 .someclass { color: blue} 
#section2 h1 { color: green;} 
#section2 .someclass {color:yellow;} 


等等每个部分都有单独的样式,按ID选择它们。我认为这是最简单的方法

CSS文件不引用其元素(在您的例子中是
ID
)。它是实际以元素为目标的选择器。您可以对每个部分上的每个子项使用单独的

而是对每个
id
使用继承

请看下面的示例代码段:

/*第1节*/
#第一节{
背景:#ff0;
填充:10px 15px;
}
#第1 p节{
背景:#99d;
}
/*第二节*/
#第2节{
背景:#99d;
填充:10px 15px;
}
#第2节p{
背景:ae9;
}
/*第三节*/
#第三节{
背景:ae9;
填充:10px 15px;
}
#第3 p节{
背景:#ff0;
}
身体{
保证金:0;
}

第1节
Lorem ipsum dolor sit amet,奉献精英。自由和智慧是一个重要的概念,它代表着自然和智慧,是一个充满智慧和智慧的世界

第2节 Lorem ipsum dolor sit amet,奉献精英。自由和智慧是一个重要的概念,它代表着自然和智慧,是一个充满智慧和智慧的世界

第3节 Lorem ipsum dolor sit amet,奉献精英。自由和智慧是一个重要的概念,它代表着自然和智慧,是一个充满智慧和智慧的世界


CSS文件不引用其元素(在您的例子中是
id
)。它是实际以元素为目标的选择器。您可以对每个部分上的每个子项使用单独的

而是对每个
id
使用继承

请看下面的示例代码段:

/*第1节*/
#第一节{
背景:#ff0;
填充:10px 15px;
}
#第1 p节{
背景:#99d;
}
/*第二节*/
#第2节{
背景:#99d;
填充:10px 15px;
}
#第2节p{
背景:ae9;
}
/*第三节*/
#第三节{
背景:ae9;
填充:10px 15px;
}
#第3 p节{
背景:#ff0;
}
身体{
保证金:0;
}

第1节
Lorem ipsum dolor sit amet,奉献精英。自由和智慧是一个重要的概念,它代表着自然和智慧,是一个充满智慧和智慧的世界

第2节 Lorem ipsum dolor sit amet,奉献精英。自由和智慧是一个重要的概念,它代表着自然和智慧,是一个充满智慧和智慧的世界

第3节 Lorem ipsum dolor sit amet,奉献精英。自由和智慧是一个重要的概念,它代表着自然和智慧,是一个充满智慧和智慧的世界


我想添加css文件,其中每个css仅用于一个部分。-等等,为什么?通过为每个部分提供单独的CSS文件,您试图解决什么问题?我想添加CSS文件,其中每个CSS仅用于一个部分。-等等,为什么?通过为每个部分提供单独的CSS文件,您试图解决什么问题?我正在做一个用户可以添加自己的部分和样式的站点。我希望用户不必知道节的id,而是用css中的每个块编写这个ideditor@user3271955用户可以添加自己的部分和样式,这与您在问题中描述的问题不同。你应该问一个新问题,并说明这是你试图解决的问题。我正在做的网站,用户可以添加自己的部分和自己的风格。我希望用户不必知道节的id,而是用css中的每个块编写这个ideditor@user3271955用户可以添加自己的部分和样式,这与您在问题中描述的问题不同。你应该问一个新问题,并说明这就是你试图解决的问题。