How to get CSS to select ID that begins with a string not in Javascript

Question

If the HTML has elements like this   id  product42  id  product43        How do I match all of those id s starting with  product    I ve seen answers that do this exactly using javascript  but how to do it with only CSS

User · Accepted Answer

id  product       indicates  starts with   Conversely     indicates  ends with    The symbols are actually borrowed from Regex syntax  where   and   mean  start of string  and  end of string  respectively   See the specs for full information

User · Answer

Use the attribute selector   id  product  property value

User · Answer

I noticed that there is another CSS selector that does the same thing   The syntax is as follows     id   name id     This will select all elements ID which begins with the word enclosed in double quotes

User · Answer

I d do it like this    id   product               Ideally  use a class  This is what classes are for    lt div id  product176  class  product  gt  lt  div gt   lt div id  product177  class  product  gt  lt  div gt   lt div id  product178  class  product  gt  lt  div gt    And now the selector becomes    product

[html] How to get CSS to select ID that begins with a string (not in Javascript)?

Examples related to html

Examples related to css

Examples related to css-selectors