Php 生成一个忽略所有其他CSS并只使用自己CSS的div

Php 生成一个忽略所有其他CSS并只使用自己CSS的div,php,html,css,header,Php,Html,Css,Header,我在我的许多网页中都包含了一个div标题,它们都有非常不同的样式表。这会导致页眉在每种不同类型的页面上意外地继承页面的某些父属性(字体颜色、字体等)。如何使div只接受应用于它的CSS,而忽略所有其他CSS 以下是我的CSS代码: 这是我的HTML代码:您可以包含和修改以使用唯一的类名或ID。您可以包含和修改以使用唯一的类名或ID。CSS是级联样式表的首字母缩写 如果将标题的样式放在样式表的顶部,它将不会继承样式表中的任何其他样式 此外,如果您的标题是某个元素的子元素,则它很可能会继承其某些样式

我在我的许多网页中都包含了一个div标题,它们都有非常不同的样式表。这会导致页眉在每种不同类型的页面上意外地继承页面的某些父属性(字体颜色、字体等)。如何使div只接受应用于它的CSS,而忽略所有其他CSS

以下是我的CSS代码:


这是我的HTML代码:

您可以包含和修改以使用唯一的类名或ID。

您可以包含和修改以使用唯一的类名或ID。

CSS是级联样式表的首字母缩写

如果将标题的样式放在样式表的顶部,它将不会继承样式表中的任何其他样式


此外,如果您的标题是某个元素的子元素,则它很可能会继承其某些样式,因此,如果需要,请确保重置它们:)

CSS是级联样式表的首字母缩写

如果将标题的样式放在样式表的顶部,它将不会继承样式表中的任何其他样式


此外,如果您的标题是某个元素的子元素,则它很可能会继承其某些样式,因此,如果需要,请确保重置它们:)

要在CSS中的任何元素语句中添加标题id

作为纯文本示例(不使用您的ID)

#标题{宽度:100%;背景颜色:#f00;}

#标题#导航栏{宽度:75%}

这将覆盖任何简单的样式

#导航栏{宽度:20%}

这是因为在CSS中,每一层次的特殊性都会赋予一种样式更多的“权重”,以推翻另一种样式。(阅读或了解更多详细信息)

但是,如果有这样的事情:

#导航栏{宽度:20%颜色:#0f0;}


然后只有宽度会被覆盖,因为没有颜色样式。

对于CSS中的任何元素语句,将标题id添加到它们中

作为纯文本示例(不使用您的ID)

#标题{宽度:100%;背景颜色:#f00;}

#标题#导航栏{宽度:75%}

这将覆盖任何简单的样式

#导航栏{宽度:20%}

这是因为在CSS中,每一层次的特殊性都会赋予一种样式更多的“权重”,以推翻另一种样式。(阅读或了解更多详细信息)

但是,如果有这样的事情:

#导航栏{宽度:20%颜色:#0f0;}


然后只有宽度会被覆盖,因为没有颜色样式。

页眉的CSS与页面的主CSS是不同的文件。然后在页眉部分首先链接到它。:)页眉的CSS与页面的主CSS是不同的文件。然后在页眉部分首先链接到它。:)