有没有一种方法可以使用纯CSS单独设置列的样式？

在我正在做的一个项目中，有几个地方有两列文本。由于这是可管理的内容，我不想为用户创建两个单独的文本区域来填充，而是使用CSS中的

column count:2

将其拆分为两列。内容将位于单个

p

元素中

问题是我需要稍微改变第二列的样式。我需要将

文本对齐

更改为右侧，同时保持第一列

文本对齐

左侧

我知道我可以用PHP和/或JavaScript来实现这一点，但如果可能的话，我更愿意单独使用CSS

标记：

<div class="content">
    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ab nostrum delectus iste sit officia! Molestiae ducimus, sunt omnis earum, vitae vel dolore blanditiis placeat, porro aliquid, non repudiandae recusandae quisquam sit enim. Aliquid placeat, obcaecati autem aut. Eum eaque nemo, voluptas repellat ab recusandae, culpa eos quam voluptates, molestias expedita ipsum debitis dolorem atque explicabo labore consequuntur cumque adipisci quos eveniet error. Sint, provident cum. Totam, nisi, quo. Hic, fugit, iusto. Veniam est nulla, debitis commodi provident fugiat quam earum incidunt, cum vel minima ipsum magnam cupiditate tenetur autem obcaecati aliquam soluta, repellat in quibusdam illo! Dicta numquam, saepe corrupti.</p>
</div> <!-- /.content -->

.content p {
    column-count: 2;
}

---

你能试着用这个吗

table.secondcolumn td:nth-child(2) { text-align: left; }

---

编辑/更新：显然，没有直接的方法（通过CSS）通过CSS设置特定文本列的样式

到目前为止，没有办法在纯CSS中以列为目标。最接近的方法是使用JavaScript将其拆分为新元素，或者修改标记

---

以前也有类似的问题：

当前代码please@ImmortalDude只需一个包含文本的

p

元素。正如@sahildhir所说，我们需要您当前的代码、您尝试过的内容等。parent[selector]p:first child{text align:left}，parent[selector]p:first child{text align:right}我添加了一些示例标记。我确实在我的问题中声明，文本将位于单个

p

元素中。完全相同的答案。。。没有办法像现在这样以列为目标。下面是ColumProeprites的详细信息-我知道，这就是我链接到它的原因。希望在某个时候CSS中添加支持。因为我的需求，现在我可能会使用PHP方法。正如链接的答案中所解释的，JS也可以很好地工作。