css优先级高低排列6 |css怎么改变字体粗细

样式表：
p {
color: blue;
}
#content p {
color: red;
}

CSS优先级高低排列6中，优先级排列从高到低依次是：

• 1.！important关键字
• 2. 行内样式（即在标签内部使用style属性设置的样式）
• 3. ID选择器
• 4. 类选择器、属性选择器和伪类选择器（如:hover）
• 5. 标签选择器和伪元素选择器（如::before）

在上述样式表中，第一个规则集定义为“所有段落元素文字颜色为蓝色”；第二个规则集定义为“所有id为content的元素内的段落元素文字颜色为红色”。

在这种情况下，如果页面中有一个id为content的元素，其中包含一个p元素，那么这个p元素的文字颜色将为红色，因为ID选择器的优先级高于标签选择器。但是如果在p元素上加上style属性设置文字颜色为green，文字颜色将改为绿色，因为行内样式的优先级比ID选择器更高。

如果大家改为在第二个规则集上增加!important，使其变成“所有id为content的元素内的段落元素文字颜色为红色!important”，无论大家在p元素上设置什么样式，它都不会改变，因为!important关键字的优先级最高，即使后面跟的是行内样式或ID选择器。

综上所述，CSS优先级高低排列6是CSS样式表中一个非常重要的概念，它可以帮助大家确定不同选择器和样式之间的优先级关系，确保大家的样式可以按照大家想要的方式呈现在网页上。