CSS 父锚标记显示在子锚标记上？

发布于 2024-12-27 06:08:34 字数 590 浏览 0 评论 0原文

我有类似

<a class="item" href="a.htm">
  <div class="title">abcd</div>
  <div class="body">abcd</div>
</a>

以下样式的

a.item {
  display:block;
}

当我在 a.class 中添加另一个锚标记时，

<a class="item" href="a.htm">
  <div class="title">abcd</div>
  <div class="body">abcd</div>
  <a class="child" href="b.html">child</a>
</a>

内容，即使我有

a.child {
  display:inline
}

它将子级分成一个单独的块。我该如何解决这个问题？

原文

I have something like following

<a class="item" href="a.htm">
  <div class="title">abcd</div>
  <div class="body">abcd</div>
</a>

with the following style

a.item {
  display:block;
}

As soon as I add another anchor tag inside a.class,

<a class="item" href="a.htm">
  <div class="title">abcd</div>
  <div class="body">abcd</div>
  <a class="child" href="b.html">child</a>
</a>

even though I have

a.child {
  display:inline
}

it breaks the child into a separate block. How do I go around this?

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

天邊彩虹 2025-01-03 06:08:35

您不能嵌套元素。将替换为。由于您有两个 href 属性，我假设您想要以下效果：

演示： http://jsfiddle.net/jE6Dm/

CSS：

a.item span {
  display:block;
}

HTML：

<div>
  <a class="item" href="a.htm">
      <span class="title">abcd</span>
      <span class="body">abcd</span>
  </a>
  <a class="child" href="b.html">child</a>
</div>

You cannot nest <a> elements. Replace either of the <a> with <span>. Since you've got two href attributes, I assume that you want the following effect:

Demo: http://jsfiddle.net/jE6Dm/

CSS:

a.item span {
  display:block;
}

HTML:

<div>
  <a class="item" href="a.htm">
      <span class="title">abcd</span>
      <span class="body">abcd</span>
  </a>
  <a class="child" href="b.html">child</a>
</div>

回复收藏 0 原文