内联CSS是否覆盖页面底部的样式表?
我正在构建一个javascript插件/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;"
<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文件中,然后将其从内联中删除!在这种情况下,“重要”不起作用,因为样式并不总是优先,只是比内联样式更重要。