How to select classes in bulk with CSS

Question

I have a table with classes such as "column-1", "column-2" and so on...

I want to select all the classes that have the word "column" with "-" after it and "some number", as you can see from the structure of the classes I mentioned above.

I want to do it with CSS.

Thanks!

https://stackoverflow.com/questions/8903313/using-regular-expression-in-css — Mohit Bhardwaj, Mar 15 '23 at 12:25

Shankaja Aroshana · Answer 1 · 2023-03-15T12:43:25.580

-1

UPDATED ANSWER

div[class^="column-"] {
 /* this selector selects every element start with "column-" */ 
}

OLD ANSWER

these 2 classes to every column

every column should have the className column
additionally, add className column-n [n=1,2,3...] to each respective column

now you can select every column with,

.column {
 ........
}

select an individual column with n=1,2,3...

.column-n{
 .....
}

List item

edited Mar 15 '23 at 12:43

answered Mar 15 '23 at 12:25

Shankaja Aroshana

551
1
3
17

This is not near the user asked for. Please don't post answer without reading the question. – Leo the lion Mar 15 '23 at 12:27
I've changed it take a look – Shankaja Aroshana Mar 15 '23 at 12:29
Do you even know what user is asking? Your edit makes more confusion then before. – Leo the lion Mar 15 '23 at 12:29

How to select classes in bulk with CSS

1 Answers1

UPDATED ANSWER

OLD ANSWER