如果元素仅在父

时间:2016-03-15 15:46:07

标签: html css css-selectors

假设:

 <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边距/填充,如果它们是堆叠的,如我的第一个示例所示。

1 个答案:

答案 0 :(得分:2)

您可以使用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