所以,我正在创建一个简单的网站,但我想不出一个适合我生活的解决方案.我想对一些文本应用文本装饰,以下是它的布局.

它基本上是这样的:

<div class="wrapper">
    <a href="#">
        <div id="listing">
            <p id="title">Dev</p>
            <p id="location">New York City</p>
            <p id="salary">$30/hr</p>
            <p id="desc">Description</p>
            <p id="tag">Remote</p>
        </div>
     </a>
</div>

所以基本上,当您将鼠标悬停在.wrapper类上时,我希望将文本修饰应用于#TITLE ID.我只知道在#标题上悬停的时候如何应用它,如果不可能,这是可以的,但我想知道是否有方法.提前感谢!

推荐答案

a {
   text-decoration: none;
}

.wrapper:hover #title {
    text-decoration: underline;
}
<div class="wrapper">
    <a href="#">
        <div id="listing">
            <p id="title">Dev</p>
            <p id="location">New York City</p>
            <p id="salary">$30/hr</p>
            <p id="desc">Description</p>
            <p id="tag">Remote</p>
        </div>
     </a>
</div>

Html相关问答推荐

如何将grid—template—column应用于元素中的子元素

使用无限数量的元素创建特定的CSS网格

当文本添加到元素中时,将元素拉到页面上

浮动Div在CSS中未按预期工作

阴影部分内部的ionic Select 元素

CSS中的百分比高度,如何使其与父级高度相同

:invalid Select 器的惰性判断

在显示 swift ui 之前加载下一个 YouTube 视频

如何在悬停时更改同级元素 CSS

如何根据剪辑路径边缘设置文本边距?

为什么 Flexbox 中相邻元素上的 flex:1 会影响另一个元素的固定宽度?

需要帮助个性化我的 CSS 导航栏:如何在鼠标悬停时突出显示
  • 元素?
  • CSS 跨度与子元素交替 colored颜色

    什么没有 margin-right 和 width:100% 溢出子元素到左边?

    子 div 在父 div 中溢出

    我可以在标签元素中使用标题元素吗?

    为什么 `html` 上的 overflow: hidden 将滚动框移动到正文?

    如何将我的输入值固定到 2022 年 12 月?

    CSS 网格自动高度不适用于特定网格区域

    如何计算没有根元素的先前 html 标记(lxml python3)编辑:还获取元素