在li里有p标签和div两个兄弟标签，并且div是个弹窗，点击p标签div弹窗打开同时p标签里的span加一个类名，在点击同一个p标签，div弹窗关闭，

您可以使用JavaScript来实现这个功能。首先，您需要为p标签和div标签添加相应的id或类名，以便在JavaScript中进行选择和操作。

HTML代码示例：

<li>
  <p id="p1">点击我打开弹窗</p>
  <div id="div1" class="popup">弹窗内容</div>
</li>

接下来，您可以使用JavaScript来监听p标签的点击事件，并在点击时执行相应的操作。

JavaScript代码示例：

// 获取p标签和div标签的引用
var pElement = document.getElementById("p1");
var divElement = document.getElementById("div1");

// 监听p标签的点击事件
pElement.addEventListener("click", function() {
  // 切换弹窗的显示状态
  divElement.classList.toggle("show-popup");
  
  // 给p标签里的span添加类名
  var spanElement = pElement.querySelector("span");
  spanElement.classList.add("new-class");
});

在CSS中，您可以定义弹窗的样式，以及用于控制弹窗显示和隐藏的类名。

CSS代码示例：

.popup {
  display: none;
}

.show-popup {
  display: block;
}

.new-class {
  /* span的新样式 */
}

通过上述代码，当点击p标签时，会切换div标签的显示状态，同时给p标签里的span添加一个新的类名。再次点击同一个p标签时，会关闭弹窗，并且移除span的新类名。

请注意，这只是一个示例代码，您可以根据您的具体需求进行修改和扩展。