I've tried looking for an answer to this problem, but to no avail:
I am using css selector to locate all class names starting with col-1, col-2, col-3, col-[class*="col-"]. But I'm running into conflicts with some other third-party integration class names: col-md-11, col-lg-2, col-sm- 3... Thanks a lot, does anyone have any ideas to select only the class names: col-1, col-2, col-3, col-... The most concise way (maybe just one line of code ).
My HTML example:
I tried searching on the internet but couldn't find a solution.
![[Web front-end] Node.js quick start](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
It's a bit complicated, but you can combine your existing content with a:notselector;
[class*='col-']:not([class*='col-md'],[class*='col-lg'],[class*='col-sm']){ color: red; }