CSS中 *{ }、*zoom,各种 * 代表的意思

** 的含义
果然眼冒金星,学习前辈的项目代码,突然一堆*,问了问查了查。

.nav li a {
  display: block;
  *zoom: 1;
}

.nav * li a {
  display: inline;
}

.nav li * a {
  display: inline;
}
*{
	color:#ffffff;
}

body是对body对象样式的控制,而* 代表所有元素(编程里面*一般代表的都是通配符)。 * 则是对所有对象进行样式的控制。 * { }就是对所有的标记做设置(前辈建议,少用);举个例子:HTML文档内容body{font-size:12px;}div{font-size:12px;}p{font-size:12px;}span{font-size:12px;}可以用一个代替就是 *{font-size:12px;}

*zoom: 1;某一元素前面加 *,*在CSS里可以做HACK写法。针对IE浏览器可用。即在IE浏览器显示效果。

下面这个问题我也不是太明白看大家的了:这里的 * 代表什么意思呢?有什么作用?
.nav * li a {
display: inline;
}
我自己理解是.nav的所有li a都适用

.nav li * a {
display: inline;
}
这个理解成,nav li下所有a标签都适用。
自己把自己绕晕了,这俩不是一个意思了?好像还是有范围上的差别的!有明白的大佬解答一番,感谢!

猜你喜欢

转载自blog.csdn.net/weixin_43390321/article/details/113244324