- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我正在动态提取 HTML 内容以在我的站点页面中显示注释。问题是我导入的 HTML 内容在样式标签下嵌入了 CSS,所以它基本上扰乱了我的页面样式。有没有什么办法可以阻止传入的样式作用于我的页面?
例如:我有一个适用于页面 xyz.css 的 CSS并且我正在动态地从具有嵌入式 CSS 属性的服务器中提取 HTML 内容 ....h2{...}所以这基本上覆盖了外部样式表。而且它会影响到哪里也不是很明显。
示例 HTML 内容
<style type="text/css"><!--
/* Font Definitions */
@font-face
{font-family:"Cambria Math";
panose-1:2 4 5 3 5 4 6 3 2 4;}
@font-face
{font-family:Calibri;
panose-1:2 15 5 2 2 2 4 3 2 4;}
@font-face
{font-family:Verdana;
panose-1:2 11 6 4 3 5 4 4 2 4;}
@font-face
{font-family:"Century Schoolbook";
panose-1:2 4 6 4 5 5 5 2 3 4;}
/* Style Definitions */
p.MsoNormal, li.MsoNormal, div.MsoNormal
{margin-top:0cm;
margin-right:0cm;
margin-bottom:10.0pt;
margin-left:0cm;
line-height:115%;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
h1
{mso-style-link:"Heading 1 Char";
margin-top:30.0pt;
margin-right:0cm;
margin-bottom:0cm;
margin-left:36.0pt;
margin-bottom:.0001pt;
text-align:justify;
text-indent:-36.0pt;
line-height:150%;
font-size:16.0pt;
font-family:"Cambria","serif";
font-style:italic;}
h2
{mso-style-link:"Heading 2 Char";
margin-top:30.0pt;
margin-right:0cm;
margin-bottom:0cm;
margin-left:54.0pt;
margin-bottom:.0001pt;
text-align:justify;
text-indent:-54.0pt;
line-height:150%;
font-size:14.0pt;
font-family:"Cambria","serif";
font-style:italic;}
h4
{mso-style-link:"Heading 4 Char";
margin-top:14.0pt;
margin-right:0cm;
margin-bottom:0cm;
margin-left:0cm;
margin-bottom:.0001pt;
line-height:150%;
font-size:12.0pt;
font-family:"Cambria","serif";
font-style:italic;}
p.MsoTitle, li.MsoTitle, div.MsoTitle
{mso-style-link:"Title Char";
margin-top:0cm;
margin-right:0cm;
margin-bottom:12.0pt;
margin-left:25.5pt;
text-align:justify;
text-indent:-25.5pt;
font-size:30.0pt;
font-family:"Cambria","serif";
letter-spacing:.5pt;
font-weight:bold;
font-style:italic;}
p.MsoNoSpacing, li.MsoNoSpacing, div.MsoNoSpacing
{margin:0cm;
margin-bottom:.0001pt;
font-size:11.0pt;
font-family:"Calibri","sans-serif";}
span.Heading1Char
{mso-style-name:"Heading 1 Char";
mso-style-link:"Heading 1";
font-family:"Cambria","serif";
font-weight:bold;
font-style:italic;}
span.Heading2Char
{mso-style-name:"Heading 2 Char";
mso-style-link:"Heading 2";
font-family:"Cambria","serif";
font-weight:bold;
font-style:italic;}
span.Heading4Char
{mso-style-name:"Heading 4 Char";
mso-style-link:"Heading 4";
font-family:"Cambria","serif";
font-weight:bold;
font-style:italic;}
span.TitleChar
{mso-style-name:"Title Char";
mso-style-link:Title;
font-family:"Cambria","serif";
letter-spacing:.5pt;
font-weight:bold;
font-style:italic;}
.MsoPapDefault
{margin-bottom:10.0pt;
line-height:115%;}
@page Section1
{size:612.0pt 792.0pt;
margin:72.0pt 72.0pt 72.0pt 72.0pt;}
div.Section1
{page:Section1;}
/* List Definitions */
ol
{margin-bottom:0cm;}
ul
{margin-bottom:0cm;}
-->
</style>
HTML:
</p>
<div class="Section1">
<h1 align="left" style="margin-left:0cm;text-align:left;text-indent:0cm"><b style="font-size: 13px;"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">Read the passage given below and sum up in one sentence what you think is the central idea of the passage.</span></b></h1>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">What constitutes obscenity is hazy — by religion, nation, culture or statute. Bertrand Russell goes a step further, arguing that “Obscenity is not a term capable of exact legal definition; in the practice of the Courts, it means ‘anything that shocks the magistrate.’ ” </span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">In the England in which Russell lived, magistrates showed various levels of shock. The British Parliament had passed the Obscene Publications Act in 1857 a few decades before Russell was born, to control obscene literature which was there, “for the single purpose of corrupting the morals of youth and of a nature calculated to shock the common feelings of decency in any well-regulated mind.” Such a broad generalization obviously allowed the moral police to do as they pleased, sometimes absurdly so. For instance, Annie Besant and co-author Charles Bradlaugh were once sentenced to six months in jail for publishing a pamphlet on birth control!</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif""> </span></p>
<p class="MsoNoSpacing" style="line-height:150%"><strong><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">Write out the central idea below:</span></strong></p>
<p class="MsoNoSpacing" style="line-height:150%"><b><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">Central idea:</span></b><span style="font-size:14.0pt;line-height:150%;font-family:"Verdana","sans-serif""> ____________________________</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">_____________________________________________________________</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><b><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">How to attempt:</span></b><span style="font-size:14.0pt;line-height:150%;font-family:"Verdana","sans-serif""> <i>Read the passage after asking yourself: what is the author saying? Approach the passage armed with a pencil. Each line should be read asking yourself whether it constitutes an idea or is it a supporting example. </i></span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">If we underline the recurring words in the passage we can easily see that it is about morality. The temptation is to think that the first line gives away the central idea, but that would ignore what is written later. </span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">Let us sum up the ideas that are contained in the passage:</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif""> (<i>i</i>) Definition of obscenity is hazy</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif""> (<i>ii</i>) Definition according to British law of 1857</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif""> (<i>iii</i>) It was used by moral police sometimes to absurd lengths</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif""> (<i>iv</i>) Example of two people being jailed for talking about birth control</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">To get to the central idea, we can knock out (ii) and (iv) from the above because these statements do not constitute the idea.</span></p>
<p class="MsoNoSpacing" style="line-height:150%"><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">In the second paragraph, we see some names and an example. We can see that (ii) is supporting (i) and (iv) is supporting (iii). So the central idea must combine statements (i) and (iii). Combining both of them, we can see that the central idea must be something like this: <i>Obscenity is a vague concept that is used by people to control ideas, sometimes to absurd lengths.</i></span></p>
<p class="MsoNoSpacing" style="line-height:150%"><b><span style="font-size:14.0pt;
line-height:150%;font-family:"Verdana","sans-serif"">What we have learnt:</span></b><span style="font-size:14.0pt;line-height:150%;font-family:"Verdana","sans-serif""> <i>Spotting the central idea requires ignoring details. The central idea should encompass most of the ideas contained in the passage.</i></span></p>
<p class="MsoNormal" style="line-height:150%"> </p>
谢谢
最佳答案
您可以像这样使用 CSS 覆盖内联样式 (from CSS-Tricks) :
对于:
<div style="background: red;">
The inline styles for this div should make it red.
</div>
使用:
div[style] {
background: yellow !important;
}
或
只需在拉取 HTML 时删除内联 CSS,根本不输出它——保持 CSS 干净。
关于html - 停止嵌入的 CSS 作用于 html 页面而不是覆盖外部 CSS 属性,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17920439/
我知道 C++ 中的 overriding 是什么。但是,是否存在覆盖?如果有,是什么意思? 谢谢。 最佳答案 在 C++ 术语中,您有 覆盖(与类层次结构中的虚拟方法相关)和 重载(与具有相同名称但
我想捕获位于另一个元素下的元素的鼠标事件。 这是我所拥有的示例:http://jsfiddle.net/KVLkp/13/ 现在我想要的是当鼠标悬停在红色方 block 上时蓝色方 block 有黄色
以下报道 here我尝试创建一个带有重叠散点图的箱线图。 但是当我运行时: In [27]: table1.t_in[table1.duration==6] Out[27]: counter 7
有一个 JS Fiddle here , 你能在不克隆到新对象的情况下替换 e.target 吗? 下面重复了那个 fiddle 的听众; one.addEventListener('click',
首先要解决重复的可能性: 我不是询问 Override 是什么、它的含义或 @Override 在 java 文档注释之外。那是我不是问 /**Some JavaDoc Comment*/ @over
我想要高于定义的数组。它存储点及其坐标。 public static List simpleGraph(List nodes) { int numEdges = nodes.size() *
我在 http://olisan.dk/blog/ 有一个博客- 如您所见,有一个 28 像素的高间隙(边距顶部)...在 style.css 中: margin-top: 0; 也被设置为 marg
Vulkan 句柄是指向 struct 的不透明指针,或者只是无符号的 64 位整数,具体取决于 VK_USE_64_BIT_PTR_DEFINES 的值: #if (VK_USE_64_BI
我正在尝试提供一个行为类似于 DataGridTextColumn 的 DataGrid 列,但在编辑模式下有一个附加按钮。我查看了 DataGridTemplateColumn,但似乎更容易将 Da
使用 Django 1.10 我想在用户名中允许\字符,因为我在使用“django.contrib.auth.middleware.RemoteUserMiddleware”的 Windows 环境中
我正在尝试使用 ffmpeg 将 Logo 放入 rtmp 流中。我的 ffmpeg 版本是 ffmpeg version 4.3.1目前在我的复杂过滤器中,我有: ffmpeg -re -i 'v
是否有用于Firebase 3存储的方法/规则来禁用文件更新或覆盖? 我为数据库找到了data.exists(),但没有为存储找到解决方案。 最佳答案 TL; DR:在Storage Security
我有两个 Docker Compose 文件,docker-compose.yml看起来像这样 version: '2' services: mongo: image: mongo:3.2
我需要覆盖 JPA 中的集合表吗?也许有人有想法 public class nationality{ @Embedded @AttributeOverrides({
嗨,我正在使用 WIX 和下面的代码将文件安装到目录中。 我的应用程序的工作方式是用户可以在该目录中复制他们自己的文件,覆盖他们喜欢的内容
我正在尝试为 Lua 中的字符串实现我自己的长度方法。 我已成功覆盖字符串的 len() 方法,但我不知道如何为 # 运算符执行此操作。 orig_len = string.len function
在Scala 2.10.4中,给出以下类: scala> class Foo { | val x = true | val f = if (x) 100 else 200
我想做上面的事情。 我过去覆盖了许多文件...... block ,模型,助手......但这个让我望而却步。 谁能看到我在这里做错了什么: (我编辑了这段代码......现在包括一些建议......
根据javadoc An instance method in a subclass with the same signature (name, plus the number and the ty
我有一段代码,只要有可用的新数据作为 InputStream 就会生成新数据。每次都覆盖同一个文件。有时文件在写入之前变为 0 kb。 Web 服务会定期读取这些文件。我需要避免文件为 0 字节的情况
我是一名优秀的程序员,十分优秀!