Html 重置影响内联样式和表属性的CSS

我有

reset.css

/* Resets default browser CSS. */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

/*重置默认浏览器CSS*/
html、正文、div、span、对象、iframe、，
h1、h2、h3、h4、h5、h6、p、块报价、预，
a、 缩写、首字母缩写、地址、代码、，
del、dfn、em、img、q、dl、dt、dd、ol、ul、li、，
字段集、表单、标签、图例、，
表格、标题、正文、tfoot、THAD、tr、th、td{
保证金：0；
填充：0；
边界：0；
字体大小：继承；
字体风格：继承；
字体大小：100%；
字体家族：继承；
垂直对齐：基线；
}
/*表仍然需要在标记中使用“cellspacing=“0”*/
表{边框折叠：分隔；边框间距：0；}
标题，th，td{文本对齐：左；字体重量：正常；}
表，td，th{垂直对齐：中间；}
/*从中删除可能的引号（“）*/
blockquote:before，blockquote:after，q:before，q:after{content:；}
块引号，q{quotes:“”；}

我的问题是，当我在表格上应用某些样式（最重要的是单元格填充）时，这些样式没有被应用。我正在应用的样式是：

<table class='roaming-table' width='310' cellpadding='6' cellspacing='0' border='0' style='border-color:#00abbd; border-width:0px; border-style:solid; padding:3px'>

如果我检查网页并取消选中重置样式，mystyle将相应地应用

PS我无法删除

reset.css

，因为这是在其他区域执行的其他操作

这里可以看到小提琴：

---

有人能帮我解决这个问题吗。

在类名上使用

！Important

。

在类名上使用

！Important

。

在类名上使用

！Important

。

尽量不要使用内联样式，因为这会一直适用。或者您可以尝试为所有属性添加！important属性，但我认为这不是正确的方法，我也不确定它是否会起作用。

尝试不使用内联样式，因为这将一直适用。或者您可以尝试为所有属性添加！important属性，但我认为这不是正确的方法，我也不确定它是否会起作用无论如何。

尽量不要使用内联样式，因为它会一直应用。或者您可以尝试为所有属性添加！important属性，但我认为这不是正确的方法，我也不确定它是否会起作用。

尽量不要使用内联样式，因为它会一直应用。或者您可以尝试为所有属性添加！important属性属性，但我不认为这是正确的方法，我也不确定它是否会起作用。

在您自己的样式表和重置后的css文件加载项标题中添加css。css

/* Resets default browser CSS. */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

覆盖重置css文件

table.roaming-table {
   width: 310px; /* Add your css */
}

---

在您自己的样式表和重置后的css文件加载项标题中添加css。css

/* Resets default browser CSS. */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

覆盖重置css文件

table.roaming-table {
   width: 310px; /* Add your css */
}

---

在您自己的样式表和重置后的css文件加载项标题中添加css。css

/* Resets default browser CSS. */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

覆盖重置css文件

table.roaming-table {
   width: 310px; /* Add your css */
}

---

在您自己的样式表和重置后的css文件加载项标题中添加css。css

/* Resets default browser CSS. */

html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, code,

del, dfn, em, img, q, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

  margin: 0;

  padding: 0;

  border: 0;

  font-weight: inherit;

  font-style: inherit;

  font-size: 100%;

  font-family: inherit;

  vertical-align: baseline;

}



/* Tables still need 'cellspacing="0"' in the markup. */

table { border-collapse: separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

table, td, th { vertical-align: middle; }



/* Remove possible quote marks (") from <q>, <blockquote>. */

blockquote:before, blockquote:after, q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

覆盖重置css文件

table.roaming-table {
   width: 310px; /* Add your css */
}

---

边框的错误在于样式声明中缺少边框宽度属性

尝试：

或：

---

尽管正如其他评论者所指出的，最好在单独的样式表中执行此操作。

边框的错误在于样式声明中缺少边框宽度属性

尝试：

或：

---

尽管正如其他评论者所指出的，最好在单独的样式表中执行此操作。

边框的错误在于样式声明中缺少边框宽度属性

尝试：

或：

---

尽管正如其他评论者所指出的，最好在单独的样式表中执行此操作。

边框的错误在于样式声明中缺少边框宽度属性

尝试：

或：

---

尽管正如其他评论者所指出的，最好在单独的样式表中执行此操作。

要在单独的样式表中执行所有操作，可以使用以下规则：

table.roaming-table {
    border: 10px solid #00abbd; 
    padding: 3px; 
    width: 310px;
}

table.roaming-table td {
    padding: 6px;
}

---

您也可以在页面上的

标记中包含这些内容。

要在单独的样式表中完成这些操作，可以使用以下规则：

table.roaming-table {
    border: 10px solid #00abbd; 
    padding: 3px; 
    width: 310px;
}

table.roaming-table td {
    padding: 6px;
}

---

您也可以在页面上的

标记中包含这些内容。

要在单独的样式表中完成这些操作，可以使用以下规则：

table.roaming-table {
    border: 10px solid #00abbd; 
    padding: 3px; 
    width: 310px;
}

table.roaming-table td {
    padding: 6px;
}

---

您也可以在页面上的

标记中包含这些内容。

要在单独的样式表中完成这些操作，可以使用以下规则：

table.roaming-table {
    border: 10px solid #00abbd; 
    padding: 3px; 
    width: 310px;
}

table.roaming-table td {
    padding: 6px;
}

---

您也可以在页面上的

标记中包含这些内容。

如果这是您需要的cellpadding属性，如果您已经在页面上加载了重置css文件，则最好只使用css进行布局和定位

您可以添加以下内容：

.roaming-table td
{
    padding:6px;

}

---

这里有一个小问题：

如果这是您需要的cellpadding属性，那么如果您已经在页面上加载了重置css文件，则最好只使用css进行布局和定位

您可以添加以下内容：

.roaming-table td
{
    padding:6px;

}

---

这里有一个小问题：

如果这是您需要的cellpadding属性，那么如果您已经在页面上加载了重置css文件，则最好只使用css进行布局和定位

您可以添加以下内容：

.roaming-table td
{
    padding:6px;

}

---

这里有一个小问题：

如果这是您需要的cellpadding属性，那么如果您已经在页面上加载了重置css文件，则最好只使用css进行布局和定位

您可以添加以下内容：

.roaming-table td
{
    padding:6px;

}

---

---

这里有一个提琴：

试着制作一个JSFIDLE来复制这个问题。我开始制作一个JSFIDLE来解决这个问题：@Bobby5193我没有制作提琴，因为这是一个Wordpress php模板，它正在从数据库中获取数据，如果我尝试制作一个提琴，只需添加一些虚拟数据来模拟您所拥有的内容，那么它将破坏整个风格。那么，什么风格呢s应该上膛？你是说abo吗