css选择改变编号

Question

我想将相同的CSS应用于以下选择器：

button#ff_elem162_calendarButton.bfCalendar
button#ff_elem164_calendarButton.bfCalendar

我知道如何用

选择第一部分

[id^="#ff_elem"]

但我还需要添加这部分

_calendarButton.bfCalendar

选择好的。

有人知道如何实现这一目标。

非常感谢您的专业知识。

提前致谢，

干杯，

马克

Answer 1

您可以使用这样的选择器：

button[id^="ff_elem"][id$="_calendarButton"] 

• [id^="ff_elem"]将选择id以ff_elem开头的所有元素。
• [id$="_calendarButton"]将选择id以_calendarButton
结尾的所有元素

button[id^="ff_elem"][id$="_calendarButton"] {
  color: green;
}

<button id="ff_elem162_calendarButton" class="bfCalendar">btn1</button>
<button id="ff_elem164_calendarButton" class="bfCalendar">btn2</button>