What does an asterisk before an equal sign mean (*=) ? What about the exclamation mark?

Question

I found these notations in a css : ``` .nav li ul li a [class*="icol-"] { opacity: 0.5; filter: alpha(opacity=50); padding-top: 4px; } .secNav .chzn-container { width: 100%!important; max-width: 100%; } ``` What does the meaning of the `*` before the `=` sign ? Is it a comment when using the `!` symbol ?

Accepted Answer

`!` is part of `!important`; it is not a comment. The `!important` forces a rule to always be applied. It's typically used to override or to prevent your style from being overridden.

The `*=` means "contains". So in the example, the first line is looking for all children of `.nav li ul li a` elements with classnames that contain "icol-".

What does an asterisk before an equal sign mean (*=) ? What about the exclamation mark?

Solution

Problem