CSS'de Class'ın Belli Bir Kısmına Kadarını Seçme Nasıl Yapılıyordu?

Bir kodu vardı [ ile başlıyordu diye hatırlıyorum, neydi bulamadım. Class'ın sonu değişse de başı aynı ise hepsini seçiyordu. Nasıl yapılıyordu o? Mesela:

class-ismi-1
class-ismi-2
class-ismi-3

Seçici ile sadece başı "class-ismi-" olanları seç diyorduk ve 1-2-3 veya farklı hepsi seçiyordu.

Hocam $ ~ > | şunları css kodlarına deneyin bakın hangisi ise tam istediğiniz

sırayla deneyin hagisi işinize yarar class isimleri başında veya sonunda seçiyor yada * tümünü

Hocam şu yazım faydalı olabilir incele istersen.

https://medium.com/kodcular/css-secicileri-6253114d9264

[class^="class-ismi-"]

*[class^="bg-"],
*[class*=" bg-"]{
color:red;
}

*[class^="bg-"] Seçicisi class attribute'una sahip ve bg- ile başlayıp herhangi bir şekilde devam eden tüm elementleri seçer.
Örnek: <div class="bg-…">
*[class*=" bg-"] = Seçicisi class attribute'una sahip ve herhangi bir şekilde başlayıp tocolor-X şeklinde devam eden tüm elementleri seçer.
Örnek: <div class="… bg-…">

.menu-toggled-slide .menu-button {...} şeklinde bir kodda sadece slide kısmı değişiyor. Şöyle yapmam gerektiğini düşünüyordum ve yaptım ama çalışma: [class^="menu-toggled-"] .menu-button {...} mantık olarak çalışmadı gerekiyordu. ^ yerine * koyunca çalışıyor. [class*="menu-toggled-"] .menu-button {..}

Çok faydalı hocam, emeğinize sağlık. Bir sürü okuyup detaylarıyla öğrenmem ve pekiştirmem gereken içerik gördüm, sık kullanılanlarıma ekledim bir ara ciddi zaman ayıracağım yayınlarınıza.