html - 第一个 CSS 选择器没有按预期工作

标签 html css

大家好,我是网页设计新手。当我尝试编写我的第一个 CSS 时,发生了一些非常奇怪的事情。外部样式表中的第一个选择器不起作用!例如:

p {
    color:red;
}
body {
    color:blue; 
}
section {
    background-color:black;
}

不会导致红色段落,但是当我更改选择器的顺序时:

body {
    color:blue; 
}
p {
    color:red;
}
section {background-color:black;
}

同样的事情发生在正文颜色和段落颜色变成红色! 你以前遇到过这样的事情吗?

最佳答案

可能是由于 CSS 规则,body 选择器必须位于其他选择器的顶部......, 但是,这是不可能的,我将任何选择器放在任何地方但它有效! 但不要担心它是否适合您,将 body 选择器保持在顶部

关于html - 第一个 CSS 选择器没有按预期工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29022781/

相关文章:

javascript - 如何使用 jQuery 更新文本区域内的代码

html - 如果样式设置为样式 ="display:none",是否可以通过网络抓取网站

css - 哈希字符在 CSS 选择器中的两种用法有什么区别?

javascript - 如何在 css 中水平包裹垂直溢出?

css - 两个 float 的 div,中间有一个灵活的 div

javascript - 今天的google doodle世界博览会是如何实现的?

html - 能否将同源策略设置得更严格一些?

html - 没有 pos 的垂直居中图像 :absolute inside pos:relative

css - 使用 SASS mixin 清除 float

javascript - Jquery 和 AngularJS 路线