Sling框架的哪个部分添加了包装div和CSS类？

在Sling框架中，添加包装div和CSS类的部分是Sightly模板引擎。Sightly是Sling框架的一部分，用于将内容从Java代码中分离出来，并通过模板来展示。

以下是一个简单的示例，展示如何在Sightly模板中添加包装div和CSS类：

<div class="wrapper">
    <h1 data-sly-text="${properties.title}" class="title"></h1>
    <p data-sly-text="${properties.content}" class="content"></p>
</div>

在上面的示例中，<div class="wrapper">标签包装了标题（<h1>标签）和内容（<p>标签）。class="wrapper"为div添加了CSS类，可以通过CSS样式来定义该包装器的样式。

请注意，${properties.title}和${properties.content}是Sightly模板中的变量，用于获取Sling资源的属性值。你可以根据自己的需求替换这些变量。

此外，你还可以在Sightly模板中使用更复杂的逻辑来决定何时添加包装div和CSS类。例如，使用Sling的条件语句（data-sly-test）来判断是否添加包装器：

<!-- 如果title属性存在，则添加包装div和CSS类 -->
<div data-sly-test="${properties.title}" class="wrapper">
    <h1 data-sly-text="${properties.title}" class="title"></h1>
    <p data-sly-text="${properties.content}" class="content"></p>
</div>

<!-- 如果title属性不存在，则只展示内容 -->
<div data-sly-test="${!properties.title}">
    <p data-sly-text="${properties.content}" class="content"></p>
</div>

上面的示例中，通过data-sly-test="${properties.title}"来判断title属性是否存在，如果存在则添加包装div和CSS类，否则只展示内容部分。

希望以上示例能帮助你理解如何在Sling框架的Sightly模板中添加包装div和CSS类。