Html CSS：设置文本框的样式，使其仅显示一个段落

我在一个页面上有一个文本框，我将通过

dust.js

对其进行样式设置，以动态包含内容：

<div class="box">
   {Lorem}
</div>

{Lorem}

它将填充已包含HTML标记的内容：

<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>

Lorem ipsum door sit amet，一位杰出的领导者，在劳动和生活的暂时性影响下

但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

我想设置

框

类的样式，以便只显示loripsum文本的第一段。有没有一种方法可以在手写笔/CSS中轻松做到这一点？

编辑

---

试试这个：

.box > p:first-of-type
    visibility visible

尽管另一个答案选择了显而易见的解决方案，但在测试时，某些样式没有被正确应用。这必须是特定于浏览器的内容。所以请记住这一点。

类型的第一个

选择器似乎最适合我。但同样，它可能无法在所有浏览器上工作。另外，我建议您将

框

中的所有内容设置为隐藏，并使用任一选择器将第一段设置为可见。以我的意思为例。祝你好运。

编辑

---

试试这个：

.box > p:first-of-type
    visibility visible

尽管另一个答案选择了显而易见的解决方案，但在测试时，某些样式没有被正确应用。这必须是特定于浏览器的内容。所以请记住这一点。

类型的第一个

选择器似乎最适合我。但同样，它可能无法在所有浏览器上工作。另外，我建议您将

框

中的所有内容设置为隐藏，并使用任一选择器将第一段设置为可见。以我的意思为例。祝你好运。

编辑

---

试试这个：

.box > p:first-of-type
    visibility visible

尽管另一个答案选择了显而易见的解决方案，但在测试时，某些样式没有被正确应用。这必须是特定于浏览器的内容。所以请记住这一点。

类型的第一个

选择器似乎最适合我。但同样，它可能无法在所有浏览器上工作。另外，我建议您将

框

中的所有内容设置为隐藏，并使用任一选择器将第一段设置为可见。以我的意思为例。祝你好运。

编辑

---

试试这个：

.box > p:first-of-type
    visibility visible

尽管另一个答案选择了显而易见的解决方案，但在测试时，某些样式没有被正确应用。这必须是特定于浏览器的内容。所以请记住这一点。

类型的第一个

选择器似乎最适合我。但同样，它可能无法在所有浏览器上工作。另外，我建议您将

框

中的所有内容设置为隐藏，并使用任一选择器将第一段设置为可见。以我的意思为例。祝你好运。

使用此选择器：

div.box p:first-child

示例：（仅显示第一段）

div.box p:not（：第一个子项）{display:none；}
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

使用此选择器：

div.box p:first-child

示例：（仅显示第一段）

div.box p:not（：第一个子项）{display:none；}
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

使用此选择器：

div.box p:first-child

示例：（仅显示第一段）

div.box p:not（：第一个子项）{display:none；}
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡

使用此选择器：

div.box p:first-child

示例：（仅显示第一段）

div.box p:not（：第一个子项）{display:none；}
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利

但是，在最低限度上，我们需要一个实验室来进行日常工作。两人或两人在一个无教区的房间里互相指责。除偶尔因疏忽而死亡外，不得因疏忽而导致动物死亡