html - 我可以在 css 中使链接处于非事件状态吗？

Question

我有一个事件列表，出于某种原因，我在列表中的第一个事件的名称显示为一个链接。我没有 link_to 或 a href 标签，而且我认为没有其他任何东西会导致事件成为链接...没有相关的 div 或样式。所以我暂时试图通过使其处于非事件状态但使用代码来掩盖问题

.inactivate {
   pointer-events: none;
   cursor: default;
}

我的第一个事件的名称仍然显示为事件链接 我的 html

<% @events.each do |e| %>
<div class="wrp">
<div class="otw">
<div class="edate">
<span class="strf"><%= e.created_at.strftime("%b").to_s %></span>
<span class="strf"><%= e.created_at.strftime("%d").to_s %></span>
<span class="strf"><%= e.created_at.strftime("%Y").to_s %></span>
</div>
<div class="otr">
<span class="inactivate"><%= e.name %></span>
<%= link_to "Tables View", event_path(e)%>
<%= link_to "Reservations", event_reservations_path(e)%>
<%= link_to "Guestlist", event_guestlists_path(e)%>
<%= link_to "Manage Inventory", event_path(e)%>
<%= link_to "Promote", event_path(e)%><br>

</div>
</div>
</div>
<% end %>

我正在使用跨度类“inactivate”，但我无法让它工作。有什么建议吗？

生成的html是

<div class="otw">
    <a href="events/new">
        <div class="edate">
            <span class="strf">Feb</span>
            <span class="strf">02</span>
            <span class="strf">2017</span>
        </div>
    </a>
    <div class="otr">
        <a href="events/new">
            <span class="non">mjq wednesday</span>
        </a>
        <a href="/events/1">Tables View</a>
        <a href="/events/1/reservations">Reservations</a>
        <a href="/events/1/guestlists">Guestlist</a>
        <a href="/events/1">Manage Inventory</a>
        <a href="/events/1">Promote</a><br>
    </div>
</div>

它显示一个 a href="events/new"。我唯一拥有标签的地方是在我拥有的导航栏中

<div>
<ul class="uni">
   <li class="evn"><a class="active" href="#home">Home</a></li>
   <li><div class="dropdown">
  <button class="dropbtn">Dropdown</button>
  <div class="dropdown-content">
      <% @venus.each do |v| %>
      <%= link_to v.name, venue_path(v) %>
      <% end %>
  </div>
</li>
   <li class="uli"><a href="#news">News</a></li>
   <li class="uli"><a href="#contact">Contact</a></li>
   <li class="uli"><a href="events/new">Add New Event</li>
</ul>
</div>

但两者并没有任何联系..?

Answer 1

看起来您可能在此行中缺少结束 anchor 标记:

<li class="uli"><a href="events/new">Add New Event</li>

这可能会导致您的浏览器在它遇到的每个 block 元素内多次呈现 anchor 标记，直到标记关闭或页面结束。