您如何更改 Foundation 中的模态链接颜色？

Question

我已经尝试了几个小时来弄清楚如何更改在 Foundation 中显示模式的文本链接的颜色。文本的默认颜色是黑色，但我希望它与 Foundation 中的其他链接具有相同的 $primary-color。谁能帮我这个？我是 CSS 等新手。

     <div>
      <ul class="inline-list">
        <li class="active"><a href="#" data-reveal-id="activitiesModal"><h3>Favorite Activities</h3></a></li>
        <li class="active right"><a href="#" data-reveal-id="eventsModal"><h3>Events I'm Attending</h3></a></li>
      </ul>
    </div>

      <div id="activitiesModal" class="reveal-modal small" data-reveal>
        <h4 class="text-center">Stuff I Like</h4>
        <ul class="panel callout">
          <% @user.activities.each do |activity| %>
            <li class="text-center"><%= activity.name %></li>
          <% end %>
        </ul>
        <a class="close-reveal-modal">&#215;</a>
      </div>
      <div id="eventsModal" class="reveal-modal small" data-reveal>
        <h4 class="text-center"> Events I'm Attending </h4>
        <% @user.events.each do |event| %>
          <ul class="panel callout radius text-center">
            <li>Event: <%= event.activity.name %></li>
            <li>Start Time: <%= event.start_time.to_s(:format_time) %></li>
            <li>Location: <%= event.location_name %></li>
            <li><%= link_to 'View Details', user_event_path(current_user, event) %></li>
          </ul>
        <% end %>
      </div>

Answer 1

由于h3 被包裹在使用$primary-color 的a 中，您可以使用：

a[data-reveal-id] h3 {
    color: inherit;
}

http://codepen.io/anon/pen/iflCA