代码之家  ›  专栏  ›  技术社区  ›  travelsforfood

如何不针对侧边栏

  •  -1
  • travelsforfood  · 技术社区  · 1 年前

    我添加了CSS,为帖子中的超链接添加了一种特定的下划线样式。我设法使它工作,这样CSS就不会影响页眉或页脚。然而,它确实会影响我侧边栏中的链接,这是我不想要的。带有链接的侧边栏中的文本和图像现在都有下划线。

    我如何1)更改这个CSS,使其只影响博客文章中的文本,或者2)从这个CSS中排除侧边栏?

    body.single.single-post .site-content a {
        box-shadow: inset 0 -0.4rem #EE841B8F
    }
    

    现场示例: https://twoinrome.com/hidden-gems-in-rome/

    我试着在css中添加“not”,但似乎不起作用(或者至少,不是“我的”方式)

    1 回复  |  直到 1 年前
        1
  •  0
  •   deEr.    1 年前

    有两件事。

    你的网站很容易阅读。但是下划线已经妨碍了阅读。

    然后我找到了一种方法 只有 瞄准 a .primary .

    body.single.single-post .site-content .primary a {
        box-shadow: inset 0 -0.4rem #EE841B8F;
    }