html css星号选择器,CSS里面的星号*

本文详细介绍了CSS中星号“*”的两种用法:一是作为通配符选择器,用于一次性设置所有标签的样式,简化代码;二是作为浏览器兼容性hack,针对IE6和IE7的特性,实现不同浏览器间样式的差异化。通过实例展示了如何使用这些技巧来优化CSS布局和解决浏览器兼容问题。
摘要由CSDN通过智能技术生成

常常我们在DIV+CSS布局的时候会遇到2处使用星号“*”,一个为以星号*没有命名名称的CSS选择器;另外一个是在CSS选择器里以*开头的CSS属性单词样式。

1、CSS星号*选择器

新手常常在css+div布局的时候看见CSS代码中第一行有个带“*”星号的选择器。如:

*{padding:0; ... }

CSS星号“*”这是什么意思呢?

这里的“*”号是通配符,即指,网页html中所有标签意思。

例子:

CSS代码:*{ padding:0; margin:0; font-family:"黑体"}

以上DIV+CSS中CSS代码意思:设置网页html中所有标签成员的css样式为padding为0,margin为0,字体为黑体。

这样就无需像以前那样分别设置网页不同标签元素的css样式表,这样就全面设置和初始化了html标签元素的CSS样式。

2、CSS选择器内以(*)星号开头CSS单词

在CSS选择器内星号+CSS样式属性单词,一般区别IE6和IE8、IE6和FF,IE7和IE8,IE7和FF浏览器之间属性CSS HACK。如下演示测试。

.divcss5{border:1px solid #000;width:220px;*width:300px;}

我们设置一个宽度为220px,一个带星号的宽度为300px,

经过各大浏览器测试,我们会发现在IE6和IE7中宽度为300px,而在IE8及以上MSIE版本、谷歌浏览器、火狐(FF)浏览器却显示为220px宽度。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值