html – 什么时候使用CSS标志

前端之家收集整理的这篇文章主要介绍了html – 什么时候使用CSS标志前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
参见英文答案 > What does the “+” (plus sign) CSS selector mean?9个
很容易的问题我一直在使用CSS一段时间,但很少使用叹息代码.任何人都可以解释最好的时间是使用它吗?我找不到任何东西从Google …感谢数百万…

解决方法

当我们发现相邻的兄弟选择器在你想要对一系列元素的第一个元素应用特殊样式时很有用.例如,如果要将文章的第一段与其他文章的风格区别不大,可以使用:
p {
    /* styles for the first paragraph  */
}

p + p {
    /* styles for all other paragraphs */
}

这可以在许多情况下替换使用class =“first”.

编辑:使用第一个孩子的伪类对于这种具体的情况会更好,因为它被更广泛的浏览器支持. (感谢亚历克斯)

您可能还需要调整某些元素在彼此相邻时的位置.如果你有一个无序的列表自己看起来很好,但是当它在一个段落旁边时,顶部的填充需要更少,你可以使用:

ul {
    padding-top: 1em;
    /* Default ul styling */
}

p + ul {
    padding-top: 0;
    /* special styling for lists that come after paragraphs */
}

猜你在找的HTML相关文章