Using regular expression in css

Question

I have an html page with divs that have id s  of the form s1  s2 and so on     lt div id  sections  gt      lt div id  s1  gt     lt  div gt      lt div id  s2  gt     lt  div gt          lt  div gt    I want to apply a css property to a subset of these sections divs  depending upon the id   However  every time I add a div  I have to add the css for the section separately like this     css  s1          Is there something like regular expressions in css that I can use to apply style to a set of divs

User · Answer

I usually use   when I want to get all the strings that contain the wanted characters     used in regex  replaces all characters    Used in SASS or CSS would be something like  id   s   and it will get all DOM elements with id  s              add red color to all div with id s      elements     div id   s         color  red

User · Answer

You can  just add a class to each of your DIVs and apply the rule to the class in this way   HTML    lt div class  myclass  id  s1  gt     lt  div gt   lt div class  myclass  id  s2  gt     lt  div gt    CSS     css  myclass

User · Answer

Try my generic CSS regular expression     a-z  5 6           d  -       a-z s         d     d    a-z d      url        a-z               rgb hsl a    d      s  d      s  d      s  d     d          w   d   3 8      w  3 8      -     Demo https   regexr com 4a22i

User · Answer

An ID is meant to identify the element uniquely  Any styles applied to it should also be unique to that element  If you have styles you want to apply to many elements  you should add a class to them all  rather than relying on ID selectors      lt div id  sections  gt      lt div id  s1  class  sec  gt     lt  div gt      lt div id  s2  class  sec  gt     lt  div gt          lt  div gt    and   sec               Or in your specific case you could select all divisions inside your parent container  if nothing else is inside it  like so    sections  gt  div

User · Answer

First of all  there are many  many ways of matching items within a HTML document  Start with this reference to see some of the available selectors patterns which you can use to apply a style rule to an element s    http   www w3 org TR selectors   Match all divs which are direct descendants of  main    main  gt  div   Match all divs which are direct or indirect descendants of  main    main div   Match the first div which is a direct descendant of  sections    main  gt  div first-child   Match a div with a specific attribute    main  gt  div foo  bar

User · Answer

As complement of this answer you can use   to get the end matches and   to get matches anywhere in the value name   Matches anywhere   col-md   left-col   col   tricolor  etc    class   col     Matches at the beginning   col-md   col-sm-6  etc    class   col-     Matches at the ending   left-col   right-col  etc    class   -col

User · Answer

You can manage selecting those elements without any form of regex as the previous answers show  but to answer the question directly  yes you can use a form of regex in selectors    sections div id   s         color  red        That says select any div elements inside the  sections div that have an ID starting with the letter  s    See fiddle here   W3 CSS selector docs here

User · Answer

there is another simple way to select particular elements in css too      s1   s2   s3          set css attributes here     if you only have a few elements to choose from  and dont want to bother with classes  this will work easily too

[css] Using regular expression in css?

Examples related to css

Examples related to regex