等号前面的星号是什么意思(*=)？感叹号怎么样？

Question

我在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%; }

标志*前的含义是什么=？使用!符号时是评论吗？

Answer 1

element[attribute*="includesthis"]

换一种说法:

<a class="someclassicol-hello">Click me and win a free monkey</a>

匹配

a[class*="icol-"]

如果字符串出现在属性中的任何位置,则表示匹配.

也有^=开始和$=结束.在这里阅读更多内容.

!important 迫使规则相互覆盖,否则就不会.

a { color: red !important }
a.blue { color: blue }

<a class="blue">I'm actually red, because the less specific rule is !important</a>

在这里阅读更多内容.特别是这一点:

什么时候应该!important使用？

与任何技术一样,根据具体情况有利有弊.那么什么时候应该使用,如果有的话？这是我对潜在有效用途的主观概述.

决不

!important除非在所有其他途径都已用尽之后绝对必要,否则不应使用声明.如果你因懒惰而使用!important,避免正确的调试,或者急于完成项目,那么你就是在滥用它,而你(或那些继承你项目的人)将会遭受后果.

Answer 2

!是的一部分!important; 这不是评论.该!important部队的规则总是被应用.它通常用于覆盖或防止您的样式被覆盖.

该*=方法"包含".因此,在示例中,第一行是查找.nav li ul li a包含"icol-"的类名的元素的所有子元素.