内联CSS是否覆盖页面底部的样式表?

内联CSS是否覆盖页面底部的样式表?,css,Css,我正在构建一个javascript插件/CSS表,它必须覆盖页面的原始样式(该插件使任何静态站点都具有响应性) 目前,如果我有以下情况: <body id="home"> <div style="width:900px; background:green; height:500px; margin:0 auto;"> <div style="width:400px; background:blue; height:300px;"

我正在构建一个javascript插件/CSS表,它必须覆盖页面的原始样式(该插件使任何静态站点都具有响应性)

目前,如果我有以下情况:

<body id="home">
    <div style="width:900px; background:green; height:500px; margin:0 auto;">
        <div style="width:400px; background:blue; height:300px;"
            <p>Hello hello hello hello hello hello</p> 
        </div>
    </div>  
    <div style="width:800px; background:green; height:500px;">
        <div style="float:left; width:400px; background:blue; height:300px;"
            <p>blah blah blah blah blah</p> 
        </div>
    </div>
    <link rel="stylesheet" href="css/jq_responsive.css" >
    <script src="js/main.js"></script>
</body>


新月特异性顺序

以下选择器列表是通过增加特异性来实现的:

  • 通用选择器
  • 类型选择器
  • 类选择器
  • 属性选择器
  • 伪类
  • ID选择器
  • 内联样式


!!重要提示:这可能是CSS中的唯一方法,或者您可以使用JavaScript删除内联CSS。我可以问您,为什么要使用内联样式?它只能通过以下方式覆盖!重要的是,一般规则是遇到的最后一个css规则优先,因此在这种情况下,css文件对于重复样式属性具有优先权。最后的
链接
元素位于
正文
中,违反HTML规范,因此可能会被忽略。@JukkaK.Korpela是否有更好的位置来放置它以确保它优先?有趣。我想我必须用javascript获取内联CSS并将其放入CSS文件中,然后将其从内联中删除!在这种情况下,“重要”不起作用,因为样式并不总是优先,只是比内联样式更重要。