html - 将多个 <style> 标签嵌入到单个 html 页面中

标签 html css

我想以这样的理解作为序言,即我知道这对于网页设计来说不是最理想的,但我的手被束缚了。

我在我公司的组织内工作,通过表单域添加 html 格式的文档。

基本上,我正在编写的 html 将被插入页面主体的其余部分,我无权访问样式表或页眉中的样式标签。

现在我正在将我的 css 嵌入到 html 中,但我希望有一些更清晰的代码,以便解决手头的问题。

有没有办法在样式标签下嵌入第二个部分,我可以在其中定义正文中的 ID 和类。我试过将样式标签放在正文中,但它与整个页面的标题冲突。

如果需要更多说明,请告诉我,感谢您在此之前提供的任何帮助!

最佳答案

Is there a way to embed a second section under style tags where I can define IDs and classes in the body. I've tried to just put style tags in the body but it's conflicting with the header of the overall page.

多个样式标签都可以。当你有多个样式标签时,the cascade rule applies ,因此您只需要确保您的选择器比页面的默认样式具有更高的特异性。

第二个问题是样式标签放在哪里。严格来说,<style>标签应该放在 <head> 中, 但实际上 all browsers will apply <style> anywhere in the page .在 body 中具有样式,页面将不会验证,但它会正常工作。

关于html - 将多个 &lt;style&gt; 标签嵌入到单个 html 页面中,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29290192/

相关文章:

php - 投票系统每次加减1-5

html - 复选框输入大小

jquery - MVC3 Action 链接 - 触发 Jquery 的图像按钮

css - 使用 ngAnimate 删除上面的元素时如何使元素 float

javascript - 获取图像信息并在页面调整大小时显示在控制台中

javascript - 点击次数不计入索引

html - 需要使用 z-index 强制子 DIV 的高度为 100%

javascript - 将父级的宽度设置为与子级相同

html - 将 LI 元件置于 UL 底部

css - Bootstrap 中的响应式正方形网格