html - 如何在Foundation中更改模式链接颜色？

我已经尝试了好几个小时，以找出如何更改显示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>

最佳答案

由于h3被包装在使用a的$primary-color中，因此可以使用：

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

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

关于html - 如何在Foundation中更改模式链接颜色？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/21263825/