Question

假设：

 <h2>Header Line 1</h2>
 <h2>Header Line 2</h2>

我知道我访问第二个h2并且可以通过执行以下操作在该元素下面应用一些间距：

h2 + h2 {
  padding-bottom: 20px;
}

但是，我的某些部分只包含一个标题行，如：

<h2>Catchy Tagline!</h2>

当只有一个padding-bottom: 20px;元素时，我可以选择性地访问h2:first-child之类的内容并将其应用于h2 吗？< / p>

否则，我会在任何/所有h2标签之间添加一个20px的空格，我希望它们保持设置为0边距/填充，如果它们是堆叠的，如我的第一个示例所示。

Answer 1

您可以使用app.factory('Chats', function($http) { return { all: function(user) { return $http.get("https://api.github.com/users/" + user + "/repos") .then(function(resp) { return resp.data; }, function(err) { console.log('ERR', err); }); } }; });：

执行此操作

:only-of-type

如果您仅在单独的h2:only-of-type { padding-bottom: 20px; }是第一个孩子时才需要应用该样式，则不应将h2替换为:first-child，而应添加<{1}}所以你有两个伪类：

:only-of-type

如果元素仅在父

1 个答案: