在span之后关闭的任何标签都不允许span执行它所需要的工作

时间:2015-10-03 06:33:20

标签: php html

每当我有一个span标记时,我的文本会变为绿色,并且有一个标记在span之后关闭,如:

  </strong> or </i> or </b>,

span标记不会将文本颜色设为绿色。示例代码是:

  Newly written  <span style="color: green;"> <br /> <br /></span> <strong> 
  ab <span style="color: green;"> </strong> 
  <ol> <li> Marium </li> <li> <strong> Malik </strong> </li> <li> <strong>     
  This is new as well </strong> </strong> </li> </ol></span>  

此代码由函数自动生成,该函数查找所有新添加的字符串并将其颜色设置为绿色,因此无法更改HTML。它有什么解决方案吗? 我已经知道标签在span之后关闭的问题,我已经提到我无法更改我的HTML,我只是想知道是否有任何解决方案。

Php可以做任何事情,比如任何标签在span标签后关闭,它应该切换它们的位置吗?

4 个答案:

答案 0 :(得分:0)

Newly written  <span style="color: green;"> IF ONLY YOU HAD TEXT HERE AND NOT EMPTY SPACES<br /> <br /></span> <strong> 
  ab <span style="color: green;"> EMPTY SPACES HERE, SO, NO COLOR</strong> 
  <ol> <li> Marium </li> <li> <strong> Malik </strong> </li> <li> <strong>     
  This is new as well </strong> </strong> </li> </ol></span> 

https://jsfiddle.net/e0nL1ynt/

我不知道生成此跨度的算法是如何工作的,但我看到的只是<br>并且空格被样式跨度包围

答案 1 :(得分:0)

正如Julio所说,您需要<strong>内的<span>标记,此更改会使其按您的需要运行:

     Newly written  <span style="color: green;"> IF ONLY YOU HAD TEXT HERE AND NOT EMPTY SPACES<br /> <br /></span>  
  ab <span style="color: green;"> <strong>EMPTY SPACES HERE, SO, NO COLOR</strong> 
  <ol> <li> Marium </li> <li> <strong> Malik </strong> </li> <li> <strong>     
  This is new as well </strong> </strong> </li> </ol></span> 

答案 2 :(得分:0)

简单来说,在关闭上一个标签之前,您无法打开新标签。

而不是这个(有一个空的空间,在第一个课程中没有显示任何内容):

<span style="color: green;"> <br /> <br /></span> <strong> 
  ab <span style="color: green;"> </strong> 
  <ol> <li> Marium </li> <li> <strong> Malik </strong> </li> <li> <strong>     
  This is new as well </strong> </strong> </li> </ol></span>  

试试这个:

<span style="color: green;">Hello Marium<br /></span>
<strong> 
<span style="color: blue;">ab</span>
</strong> 
<ol>
  <li> Marium </li> 
  <li> 
  <strong> Malik </strong> 
  </li> 
  <li> 
  <strong> This is new as well </strong>
  </li>
</ol> 

<强>输出:

Hello Marium(绿色正常)

ab(蓝色正常)

Marium(普通,默认为黑色)

Malik (强烈默认黑色)

这也是新的(强烈的默认黑色)

A Pen

编辑:2

这个词&#34; ab&#34;也需要大胆,如果强大的标签在内部跨度,那么单词&#34; ab&#34;大胆吗?

对于那个案例包裹<strong> ab </strong>,它会很好,因为它需要自己的<strong>标记。

<span style="color: green;">Hello Marium<br /></span>
    <strong> 
    <span style="color: blue;">
    <strong>ab</strong>
    </span>
    </strong> 
    <ol>
      <li> Marium </li> 
      <li> 
      <strong> Malik </strong> 
      </li> 
      <li> 
      <strong> This is new as well </strong>
      </li>
    </ol> 
  

注意:如果打算用一种颜色对它们进行着色,那么就是你   必须一次又一次地放置这么多<span>标签,但一个标签就可以了:

一个例子:

<span style="color: green;">Hello Marium<br />  <strong> 
    <strong>ab</strong>
    </strong> 
    <ol>
      <li> Marium </li> 
      <li> 
      <strong> Malik </strong> 
      </li> 
      <li> 
      <strong> This is new as well </strong>
      </li>
    </ol> 
</span>

A Pen

答案 3 :(得分:0)

我解决了你的问题。我同意朱利奥。问题是<strong><span>格式化。你可以在这里看看:

Newly written  <span style="color: green;"> <br /> <br /></span> <strong> 
ab <span style="color: green;">  </strong> 
<ol> <li> <strong> <span style="color: green;"> Malik </strong> </li> <li> <strong><span style="color: green;"> Malik </strong> </li> <li> <strong>     
<span style="color: green;">This is new as well </strong> </strong> </li></ol></span>

http://jsfiddle.net/orvi2014/0674ck0u/