如何从 CSS 中删除 HTML 标签答案

【问题标题】：How to remove the HTML Tag from CSS如何从 CSS 中删除 HTML 标签
【发布时间】：2015-04-01 06:07:59
【问题描述】：

在Webobjects工作，我的页面结果是这样的：

<p> Hello World </p>

我想借助 CSS 从结果中删除  标签。这个 Hello World  来自<div class="test">。

有没有办法将 CSS 应用于类测试以删除   标记。

【问题讨论】：

你可以使用p{display:none}隐藏它
@Akshay：在这种情况下，Hello World 也不会显示。
据我所知，您无法使用 css 删除 p 标签。是的，您可以删除由于 p 标签而产生的填充和边距。使用：p { margin:0; padding:0 }

标签： html css tags paragraph

【解决方案1】：

你不能。

使用 css 你只能改变它的行为。但你可以隐藏它：

div.text p {display: none}

编辑：如果您只想避免这种行为，您可以更改它。例如：

div.text p {
    display: block !improtant;
    margin: 0px !important;
    border: 0px !important;
    padding: 0px !important;
}

但是，无论如何，即使您没有看到 p 标签，它也始终保留在那里（如果这是您的目标，那就太好了）。如果您不想找到它，例如，在从 javascript 浏览文档时，您应该从 javascript 中删除它。

例如，使用 jQuery：

$("div.text p").each(function(){
    var me = $(this);
    var contents = me.html();
    var parent = me.parent();
    me.remove();
    parent.append(contents); 
});

【讨论】：

正如我提到的，我想删除

标签而不是

标签内的内容，因此 display:none 也不会显示内容。跨度>
对不起。但是，正如我所说，css 不能改变文档结构，只能修改它的行为。如果你只想避免它的影响，你应该删除不需要的行为。例如，您可以执行“div.text p {display:block; border:0px !important; margin:0px !important; padding:0px !important}”

【解决方案2】：

这不可能使用 css 你需要 jquery 或 javascript

$('p').contents().unwrap();

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> Hello World </p>

但您可以使用replaceWith 将 替换为<div>

$( "p" ).replaceWith( "&lt;div class=test&gt; Hello World &lt;/h2&gt;" );

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<p> Hello World </p>

【讨论】：

感谢您的回复，这种方法我试过了，我想通过一些 CSS 技巧/行为来实现，这根本不可能吗？