html - 内联元素(如 span)没有默认样式

Question

我正在尝试向我的页面添加内联元素。它的行为应该与 span 完全相同，即不引入它自己的任何默认样式。我希望能够在我的 JS 中引用这个元素(使用 id)。 请帮我建议一些样式(较少)元素，例如 span。

Answer 1

为什么不像 @James Allardice 提到的那样添加一些额外的 css 来删除旧的 css 和/或应用新的样式。

HTML:

<span>My Super Cool Span</span>

<span id="MySpan>My Super Cool Span With An ID </span>

CSS:

span {
     width:100px;
}

span #MySpan{
     width: auto; // resetting width
     // Reset css or apply new styling
}

通过执行此操作，只有 id MySpan 的 span 才会使用您的新样式或重置其样式。

查看 www.w3schools.com 上的 css 属性以找出它们的默认值。

然后你可以通过以下方式在 javascript 中引用 MySpan:

document.getElementById('MySpan')

或者在 jquery 中执行以下操作:

$("#MySpan")