Question

我正在尝试使用deface主题一个Spree网站。 Deface使用css选择器来选择元素然后修改它们，所以理论上如果你只有css2 / 3的经验并且有任何想法，那么请在下面留下答案。

给定this file（下面的代码段如下）如何选择第一个h3元素。不幸的是，deface是孤立的，所以没有周围的元素可以绑定，否则我可以做.container h3:first-child之类的事情并完成它，这也意味着像h3:first-child这样的东西不起作用，因为这会选择h3元素的第一个子元素。

Html片段：

<h3><%= accurate_title %></h3>

<div data-hook="account_summary">
  <dl id="user-info">
    <dt><%= t(:email) %></dt>
    <dd><%= @user.email %> (<%= link_to t(:edit), spree.edit_account_path %>)</dd>
  </dl>
</div>

<div data-hook="account_my_orders">

  <h3><%= t(:my_orders) %></h3>
  <% if @orders.present? %>
    <table class="order-summary">

任何想法或想法都赞赏！谢谢！

Answer 1

这也意味着h3:first-child之类的东西不起作用，因为这会选择h3元素的第一个子元素。

错误。它选择the h3 element if it's the first child, not the first child of the h3 element。

无论如何，如果deface将h3视为你似乎暗示的三个根元素之一（这对我来说没有意义），试试这个：

h3:root

或者，如果它实际上需要您的HTML代码段并将其放在某个匿名根元素中，您可以尝试使用它：

:root > h3:first-child

:root pseudo-class相当不言自明。

使用Deface主题的狂欢：什么css选择器将从此代码中选择第一个h3？

1 个答案: