Question

在Webobjects工作，我的网页结果如下：

<p> Hello World </p>

我想在CSS的帮助下从结果中删除<p></p>标记。这个<p> Hello World </p>位于<div class="test">。

之下

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

Answer 1

使用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将<p>替换为<div>

$( "p" ).replaceWith( "<div class=test> Hello World </h2>" );

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

Answer 2

你不能。

使用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); 
});

如何从CSS中删除HTML <p> </p>标记

2 个答案: