[分享]css两个标签平行

在CSS中，经常会用到两个标签平行的情况。这种情况指的是两个标签在同一层级下并列出现，比如： 我是第一个文本 我是第二个文本 上面的代码中，我们使用标签包裹了两个标签，使得它们在同一层级下平行地存在...

在CSS中，经常会用到两个标签平行的情况。这种情况指的是两个标签在同一层级下并列出现，比如：

<div>
  <p>我是第一个文本</p>
  <p>我是第二个文本</p>
</div> 

上面的代码中，我们使用<div>标签包裹了两个<p>标签，使得它们在同一层级下平行地存在。那么这种情况下我们该如何处理CSS呢？

答案很简单，我们可以使用CSS的后代选择器来对<p>标签进行样式设置：

div p {
  /* 样式设置 */
} 

上面的代码表示选择所有父级为<div>的<p>标签，并对它们进行样式设置。这样我们就可以轻松地对多个平行标签进行整体的样式控制，而不用一个一个单独设置。

不仅如此，后代选择器也可以通过另一个选择器进行限制，比如只选择特定类名下的平行标签：

.container p {
  /* 样式设置 */
} 

上面的代码表示只选择父级为类名为.container的元素下的<p>标签，并对它们进行样式设置。这样我们就可以对不同区域下的平行标签分别进行样式控制。