Question

就像css reset会删除所有浏览器样式默认值一样，是否有任何css脚本可以恢复所有浏览器默认值覆盖父css样式和类，就像iframe一样？

就像iframe使用浏览器默认值一样，如果没有使用源代码，如果我们将简单的html注入其中，我想将浏览器默认值强加给div。

<div class="container">
<div class="row">
    <div class="10u two-col">
        <div class="col1">
          <div class= ??????>   ------> This div should have browser defaults just like an iframe.
            <h1> Hello World </h1>
            <ul>
              <li>point one</li>
              <li>point two</li>
              <li>point three</li>
            </ul>               
          </div>
        </div>
    </div>
</div>

Answer 1

我不相信CSS重置类型样式表（更新：因为这个我created one here）有相反的情况，但您可以包含规范使用的默认样式或特定样式浏览器。

See here for the default HTML4 stylesheet（有关HTML5，请参阅this）

html, address,
blockquote,
body, dd, div,
dl, dt, fieldset, form,
frame, frameset,
h1, h2, h3, h4,
h5, h6, noframes,
ol, p, ul, center,
dir, hr, menu, pre   { display: block; unicode-bidi: embed }
li              { display: list-item }
head            { display: none }
table           { display: table }
tr              { display: table-row }
thead           { display: table-header-group }
tbody           { display: table-row-group }
tfoot           { display: table-footer-group }
col             { display: table-column }
colgroup        { display: table-column-group }
td, th          { display: table-cell }
caption         { display: table-caption }
th              { font-weight: bolder; text-align: center }
caption         { text-align: center }
body            { margin: 8px }
h1              { font-size: 2em; margin: .67em 0 }
h2              { font-size: 1.5em; margin: .75em 0 }
h3              { font-size: 1.17em; margin: .83em 0 }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0 }
h5              { font-size: .83em; margin: 1.5em 0 }
h6              { font-size: .75em; margin: 1.67em 0 }
h1, h2, h3, h4,
h5, h6, b,
strong          { font-weight: bolder }
blockquote      { margin-left: 40px; margin-right: 40px }
i, cite, em,
var, address    { font-style: italic }
pre, tt, code,
kbd, samp       { font-family: monospace }
pre             { white-space: pre }
button, textarea,
input, select   { display: inline-block }
big             { font-size: 1.17em }
small, sub, sup { font-size: .83em }
sub             { vertical-align: sub }
sup             { vertical-align: super }
table           { border-spacing: 2px; }
thead, tbody,
tfoot           { vertical-align: middle }
td, th, tr      { vertical-align: inherit }
s, strike, del  { text-decoration: line-through }
hr              { border: 1px inset }
ol, ul, dir,
menu, dd        { margin-left: 40px }
ol              { list-style-type: decimal }
ol ul, ul ol,
ul ul, ol ol    { margin-top: 0; margin-bottom: 0 }
u, ins          { text-decoration: underline }
br:before       { content: "\A"; white-space: pre-line }
center          { text-align: center }
:link, :visited { text-decoration: underline }
:focus          { outline: thin dotted invert }

/* Begin bidirectionality settings (do not change) */
BDO[DIR="ltr"]  { direction: ltr; unicode-bidi: bidi-override }
BDO[DIR="rtl"]  { direction: rtl; unicode-bidi: bidi-override }

*[DIR="ltr"]    { direction: ltr; unicode-bidi: embed }
*[DIR="rtl"]    { direction: rtl; unicode-bidi: embed }

@media print {
  h1            { page-break-before: always }
  h1, h2, h3,
  h4, h5, h6    { page-break-after: avoid }
  ul, ol, dl    { page-break-before: avoid }
}

或者：

<强> Firefox
的 Internet Explorer

<强> Chrome / Webkit

nb：无法粘贴代码，超出字符限制

Answer 2

你也可以使用＆＃39; normalize.css＆＃39; ：

＆＃34; Normalize.css使浏览器更加一致地呈现所有元素并符合现代标准。它只针对需要规范化的样式。＆＃34;

链接：http://necolas.github.io/normalize.css/

Answer 3

您可以使用AsyncTask

Doc：https://wiki.mozilla.org/Security/Guidelines/Web_Security#HTTP_Redirections

支持：https://developer.mozilla.org/en-US/docs/Web/CSS/all

Answer 4

还可以通过npm https://github.com/ixkaito/unreset.css安装的东西为用户提供一个名为unreset的类来重置该特定元素中的样式。

与CSS重置相反。我需要一个div元素的浏览器默认值

4 个答案: