详细讲解CSS样式！重要 * _符号

详细说明CSS样式！重要，*，_符号

！重要，*和_都没用。它们都用于设置样式的优先级。但是，你可以通过安排自己的位置来设置样式的优先级，但是你仍然需要理解它们。

我们知道，css的编写在不同的地方有不同的优先级。CSS文件，但是如果你用！重要的是，事情会有所不同。

首先，看下面的代码：

！DOCTYPE HTML HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8' title！重要/标题/头体div style='color:blue！重要；' color:red'呵呵/div /body /html“呵呵”定义为两种颜色。原来，在color:red和color:blue之后，这两个字应该是红色。默认采用最接近字体的颜色，但在color:blue后添加！重要，导致color:blue的优先级最高，“呵呵”这个词应该是蓝色的，具体效果如下：

但是，IE6不认风格！重要的符号，所以“呵呵”这个词按照原来的风格优先级做成红色。

css样式！重要提示，*，_符号用于设置优先级，但这些符号仅适用于特定的浏览器，如下所示：

IE可以识别*；标准浏览器(如FF)不识别*；

IE6可以识别*，但它不能！重要；

IE7能识别*，它也能识别！重要；

FF不能识别*，但它可以！重要；

下划线' _ '，IE6支持下划线，IE7和火狐不支持下划线。

因此，可以在样式属性中定义以下属性来区分IE6、IE7和firefox:

背景：橙色；* background:green_ background:blue蓝色；你也可以这样区分IE6、IE7和firefox:

背景：橙色；* background:green绿色！重要；* background:blue以下代码：

！DOCTYPE HTML HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；charset=utf-8' title！重要/标题/头体div style=' background : orange；* background:green绿色！重要；* background:blue'区分IE7、IE8、Firefox/div div style='背景：橙色；* background:green_ background:blue'区分IE7、IE8和Firefox /div /body /html，其运行效果如下：

(1)IE7

(2)IE8及以上浏览器，包括火狐。

(3)IE6

但是这个区别只能用于调试，真正的前端编程应该是用JavaScript来判断浏览器的标识来判断这些浏览器的类型。

最后再补充一句，其实IE6就是认不出风格！重要提示，如果代码如下所示：

！DOCTYPE HTML HTML head meta http-equiv=' Content-Type ' Content=' text/HTML；Css中的Charset=utf-8 '标题测试！重要区别/title styletype=' text/CSS '。testclass {color:blue！重要；}/style/head body div class=' test class ' style=' color : red；'测试Css中的重要/div /body /html在ie6-10、Firefox和Chrome中是否一致，并显示蓝色。

如有疑问，请留言或去社区交流讨论。感谢阅读，希望对大家有所帮助。感谢您对本网站的支持！