如何在CSS和Bootstrap框中使用嵌套的p标签？

<link rel="stylesheet" href="path/to/bootstrap.css">
<style>
    /* 自定义的CSS样式 */
</style>

<div class="container">
    <p>外层p标签</p>
    <p>外层p标签</p>
    <div class="nested">
        <p>内层p标签</p>
        <p>内层p标签</p>
    </div>
</div>

/* 类选择器 */
.nested p {
    /* 样式属性 */
}

/* 后代选择器 */
.container p {
    /* 样式属性 */
}

.nested p {
    color: blue;
    font-size: 16px;
    margin-bottom: 10px;
}

<div class="container">
    <p>外层p标签</p>
    <p>外层p标签</p>
    <div class="nested">
        <p class="text-primary">内层p标签</p>
        <p class="text-danger">内层p标签</p>
    </div>
</div>