我使用 object 标签在 html 页面中插入了一个 .txt 文件。但是文本不保留父级的属性。这是代码:我设置了颜色:蓝色，但文本是黑色的。
#DESC {
color:blue;}
<div id="DESC"> <object data="document.txt" type="text/plain"></object> </div>
最佳答案
使用 <object> 包含一个文本文件元素很像包含一个使用 <iframe> 的元素.您在包含独立文档的文档中创建视口(viewport)，CSS 规则不会继承到子文档中。
在 Firefox(可能还有其他浏览器，但我没有测试过)中，您可以使用 JavaScript 访问 contentDocument对象(或 iframe)的属性并从那里访问 body (一些浏览器通过生成文本文件的 HTML 文档表示来呈现文本文件)并修改 style .
但是，一般来说，最好将文本作为主文档的一部分，然后按正常样式设置。这可以作为静态文件的一部分，某种形式的服务器端包含或(对于最不可靠和搜索引擎友好的方法)使用 JavaScript XMLHttpRequest 对象。
关于html - 如何使用 CSS 更改 .txt 文件的属性？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/20873971/