如何在不同div节中设置复选框和标签的样式

<div id="div1">
  <input type="checkbox" id="checkbox1">
  <label for="checkbox1">复选框1</label>
</div>

<div id="div2">
  <input type="checkbox" id="checkbox2">
  <label for="checkbox2">复选框2</label>
</div>

#div1 {
  background-color: #f2f2f2;
  padding: 10px;
}

#div2 {
  background-color: #e6e6e6;
  padding: 10px;
}

#div1 input[type="checkbox"],
#div2 input[type="checkbox"] {
  /* 设置复选框的样式 */
}

#div1 label,
#div2 label {
  /* 设置标签的样式 */
}