如何使用 <mark> 突出显示 HTML 中的某些内容答案

【问题标题】：how to hi-light something in HTML with <mark>如何使用 <mark> 突出显示 HTML 中的某些内容
【发布时间】：2021-10-01 11:35:28
【问题描述】：

我正在尝试制作黑色突出显示文本的内容，但我的代码无法正常工作
有什么办法吗？

代码：
CSS：

.highlight-black {
    background-color:black;
    color:white;
}

HTML：

<!DOCTYPE html>
<HTML>
    <HEAD>
    </HEAD>
    <BODY>
        <div id='highlight-black'>
            text to hilight
        </div>
    </BODY>
</HTML>

【问题讨论】：

在 html 中使用类，就像那样 - <div class='highlight-black'>

标签： html css highlight

【解决方案1】：

. 是目标类。 # 是针对 id 的。您的 div 正在使用 ID。

所以使用这个代码：

#highlight-black {
    background-color:black;
    color:white;
}

【讨论】：

【解决方案2】：

更新你的 CSS

#highlight-black {
    background-color:black;
    color:white;
}

如果您想在同一文档中突出显示多个文本以设置类而不是 ID 属性，则最好使用以下代码更新您的 HTML

<div class='highlight-black'>
   text to highlight
</div>

【讨论】：

使用标识符来定义高亮是一个非常糟糕的主意。仅使用类。

【解决方案3】：

你在你的 div 中使用id，你应该使用#。

用于id in css #

对于class in css .

上课方式 / 使用.

html >>
<div class='highlight-black'>
     text to highlight
</div>
 
css >>
.highlight-black {
background-color:black;
color:white;
}

身份证方式 / 使用#

html >>
<div id='highlight-black'>
     text to highlight
</div>
 
css >>
#highlight-black {
background-color:black;
color:white;
}

还有一件事将来可能会派上用场...... 如果你使用引导程序，引导程序会自动突出显示标记标签之间的文本。

玩得开心??

【讨论】：