批量修改button样式css

您可以使用以下方法批量修改按钮样式的CSS：

1. 使用类名：为所有需要修改样式的按钮添加相同的类名，然后在CSS中通过类名选择器来修改样式。例如，给这些按钮添加一个名为 "custom-button" 的类名：

   <button class="custom-button">按钮1</button>
   <button class="custom-button">按钮2</button>
   <button class="custom-button">按钮3</button>

然后在CSS中使用类名选择器修改样式：

   .custom-button {
     /* 在这里添加您想要修改的样式 */
   }

2. 使用父元素选择器：如果这些按钮都位于同一个父元素下，您可以使用父元素选择器来修改子元素的样式。例如，如果这些按钮都位于一个id为 "button-container" 的容器内：

   <div id="button-container">
     <button>按钮1</button>
     <button>按钮2</button>
     <button>按钮3</button>
   </div>

您可以使用父元素选择器修改子元素的样式：

   #button-container button {
     /* 在这里添加您想要修改的样式 */
   }

3. 使用属性选择器：如果这些按钮具有相同的某个属性值，您可以使用属性选择器来修改样式。例如，如果这些按钮都具有相同的 "data-custom" 属性值：

   <button data-custom="1">按钮1</button>
   <button data-custom="1">按钮2</button>
   <button data-custom="1">按钮3</button>

您可以使用属性选择器修改样式：

   button[data-custom="1"] {
     /* 在这里添加您想要修改的样式 */
   }

以上是三种常见的方法来批量修改按钮样式的CSS。根据您的具体需求和HTML结构，您可以选择适合您的方法来修改样式。