html - 如何用css控制特定的句子

<分区>

我想隐藏一个特定的句子并用css控制字体颜色。我的代码如下。

<html>
  <head>
    <style>
      body    {display:none;}
      .apple  {color:red;}  <- pattern a
      /* .banana {color:yellow;} */ <- pattern b
    </style>
  </head>
  <body>
    My favorite fruit is <span class="apple">apple</span>. <- sentence 1
    My favorite fruit is <span class="banana">banana</banana>. <- sentence 2
  </body>
</html>

我只想显示带有模式 a 的句子 1，我只想显示带有模式 b 的句子 2，但结果是我在 Web 浏览器中看不到任何句子。

如何编辑 css 和 html 以分别显示带有模式 a 和 b 的句子 1 和 2？

最佳答案

删除正文{display:none;}

关于html - 如何用css控制特定的句子，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17262283/