This selector [class*=”content”] selects all elements that have a class attribute value that contains content. For example
1 – hello-content
2 – content-hello
3 – hellocontenthello

We can use [class$=”content”] to select elements that have a class attribute value that ends with content. For example
1 – hello-content

We can also use [class^=”content”] to select elements that have a class attribute value that begins with content. For example
1 – content-hello

I think it’s pointing to any element with a class name that contains the word “content”, like content-wrap

I think it’s pointing to any element with a class that begins with (*=) the word “content.”

[class*="content"]:before

It is used to clear the float
but i don’t understand this type of styling does any one know how it works.

what’s that [ ] signifies plz expalin the syntax