Html 将鼠标悬停在其他单词上时更改文本 colored颜色

.headingRestaurant:hover textb {
  color: blue;
}

.headingRestaurant:hover {
  color: red;
}

<h1 class="textb">Not a <span id="heading1" class="headingRestaurant">restaurant</span>, <br> but here for them.</h1>

.textb {
  pointer-events: none;
}

.headingRestaurant {
  pointer-events: initial;
}

.textb:hover {
  color: blue;
}

.headingRestaurant:hover {
  color: red;
}

<h1 class="textb">Not a <span id="heading1" class="headingRestaurant">restaurant</span>, <br> but here for them.</h1>

Html相关问答推荐

单表单和多个提交(具有多个值)

为什么前端框架可以创建自定义属性，而我却被期望在挖掘之前添加数据

如何在css中在span中绘制圆弧？

静态DIV的标签，显示从窗体输入的值

在屏幕上每行 css 中的特定列居中

调整 Rmarkdown 输出的 html_document 的标题和副标题之间的间距

如何在悬停时使矩形按钮上的边框变圆

为什么 `：：before` 在使用内容 `url(svg)` 时会增加一些高度

在 flexbox 中使用 spacer 是否有效

如何实现与内嵌图像对齐的自动换行？

Google Apps 脚本 - RegEx 适用于小文本，但不适用于大文件？

在DIV上应用梯度模糊未如预期工作

如何垂直平移一个元素，使其新位置位于另外两个元素之间？

如何将元素均匀分布到容器的边缘？

在包含 html 标签的字符串的子字符串中应用不同的样式

Mediawiki css/html 信息框创建空白行

将表格标题和过滤器调整到表格的顶部边缘

如何在react 中向按钮添加禁用属性？

如何阻止网格项目拉伸？

如何使用 html 和 css 添加超链接功能