Html 如何仅使用CSS选择和布局的内容而不选择

我正在尝试使用CSS向故事框添加10px的填充，而不向网站代码添加任何额外的HTML元素

有没有办法在不添加新的额外HTML元素的情况下将填充添加到故事框中

换言之： 如何仅使用CSS选择故事框，而不选择包含它的部分？ 我喜欢目前的布局，我不想改变那里的任何东西

谢谢大家!

细节{ 溢出：隐藏； 填充：0px； 外形：1px纯黑 } 总结{ 光标：指针； 显示：块； 填充：10px； 用户选择：无 } 我们的下一个假期选择 故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事 故事

---

你可以将填充应用到整个元素，并且考虑在摘要上的负边距以禁用它。

以20px为例，我们可以更好地看到：

细节{ 溢出：隐藏； 填充：20px；/*此处填充*/ 外形：1px纯黑 } 总结{ 光标：指针； 显示：块； 填充：10px； 保证金：-20px；/*此处为负保证金*/ 用户选择：无 } 详细信息[打开]摘要{ 边距底部：20px；/*底部与填充相同*/ } 我们的下一个假期选择 故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事 故事

---

你可以将填充应用到整个元素，并且考虑在摘要上的负边距以禁用它。

以20px为例，我们可以更好地看到：

细节{ 溢出：隐藏； 填充：20px；/*此处填充*/ 外形：1px纯黑 } 总结{ 光标：指针； 显示：块； 填充：10px； 保证金：-20px；/*此处为负保证金*/ 用户选择：无 } 详细信息[打开]摘要{ 边距底部：20px；/*底部与填充相同*/ } 我们的下一个假期选择 故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事 故事

---

单击summary元素时，details元素添加了一个属性-open。您可以使用css来使用方括号-[open]来定位属性。我添加了css，以便在属性存在时将其从摘要中删除时，向details元素添加填充

细节{ 溢出：隐藏； 填充：0px； 外形：1px纯黑 } 总结{ 光标：指针； 显示：块； 填充：10px； 用户选择：无 } 详情[公开]{ 填充：10px； } 详细信息[打开]摘要{ 填充：0 10px； } 我们的下一个假期选择 故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事 故事

---

单击summary元素时，details元素添加了一个属性-open。您可以使用css来使用方括号-[open]来定位属性。我添加了css，以便在属性存在时将其从摘要中删除时，向details元素添加填充

细节{ 溢出：隐藏； 填充：0px； 外形：1px纯黑 } 总结{ 光标：指针； 显示：块； 填充：10px； 用户选择：无 } 详情[公开]{ 填充：10px； } 详细信息[打开]摘要{ 填充：0 10px； } 我们的下一个假期选择 故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事故事 故事

---

CSS选择元素，而不是“框”。但我不确定实际的问题应该在哪里——将当前用于摘要的10px填充改为用于细节…？CSS选择元素，而不是“框”。但我不确定实际的问题应该在哪里——将你目前用于总结的10px填充改为用于细节…？