javascript - 除非我使用内联样式,否则 CSS 在任何浏览器中都不起作用

标签 javascript jquery html css inline-styles

<分区>


关闭 5 年前

我在任何 div id 或尝试选择类中的元素时遇到这个问题(CSS 示例:.className li{}),所以我只能假设我做错了什么。内联样式有效,但如果我尝试将它们添加到我的样式表中,它们将不会显示。

我可以在移动设备 View 中看到 CSS 样式,但它在我计算机上的任何浏览器中都不起作用。

我很确定我的 CSS 文件链接正确,因为导航菜单工作正常......但是,我的 .js 文件不适用于页面内容或页脚。基本上,标题是唯一功能齐全且样式齐全的东西。

例子:

尝试更改页脚的背景颜色:

HTML:

<div id=“footer”>
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <p>TEXT HERE</p>
            </div>
        </div>
    </div>
</div>

CSS:

#footer {
    background-color: black;
}

如果我在 HTML 中这样做,它将起作用:

<div id="footer" style="background-color: black;">  

最佳答案

您使用的是 ““ 格式的引号,这是错误的。请像这样在 ID 周围使用双引号 ""

<div id="footer">

#footer {
    background-color: black;
}
<div id="footer">
    <div class="container">
        <div class="row">
            <div class="col-md-12 text-center">
                <p>TEXT HERE</p>
            </div>
        </div>
    </div>
</div>

关于javascript - 除非我使用内联样式,否则 CSS 在任何浏览器中都不起作用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/45652218/

上一篇:html - 试图在悬停时显示隐藏的文本 - 在文本上

下一篇:html - 列表中的 float 元素

相关文章:

php - 在页面上的图像后面插入字符串

javascript - Vue 中的绑定(bind)输入不起作用

javascript - 在 Javascript 中检查 isEmpty?

jquery - Bootstrap 弹出窗口,点击外部隐藏?

html - 高度 100% 绝对不工作

javascript - 为什么 html 输入表单与 d3 强制布局冲突?

javascript - 使用 native javascript 设置 id 是否比使用 jQuery 更快?

jquery - $ ("form").submit(function() { 在 Firefox 中不起作用

html - CSS 断字 :keep-all not supported?

javascript - 我想删除 youtube 视频的顶部和底部黑边