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