程序博客网 > 网络教育统考网站

CSS样式表中#和.和缺省的区别

来源：互联网发布：网络教育统考网站编辑：程序博客网时间：2024/05/22 05:26

在初学css样式表过程中总能看到一些例程里出现

example1{……}#example2{……}.example3{……}

这样的样式，那么缺省、#、.他们之间的区别是什么呢？

如上述例子中，缺省代表定义example1元素的样式，当然实际中没有默认的example1标签；

而#则代表定义ID为example2的元素的样式，且只能定义ID为example2的这个元素；

而.则代表定义class="example3"的元素的样式，所有定义class="example3"的元素都能应用这个样式。

以下为例子：

<!DOCTYPE html><html><head></head><body>  <p>example1</p>  <p id="example2">example2</p>  <p class="example3">example3</p></body></html>

p{  color: red;}#example2{  color: blue;}.example3{  color: green;}

0 0

网络教育统考网站

网络教育统考网站

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子宝宝2岁头发稀少怎么办站军姿站的腿疼怎么办刨妇产尿不出来怎么办私闯民宅打死他怎么办被冒名网贷了怎么办流浪猫咬出血了怎么办新鞋脚后跟磨脚怎么办业障极重的人怎么办玩洛克王国很卡怎么办我的世界没血了怎么办生源地填错档案怎么办 q5透镜远光照天怎么办肚子饿了胃疼怎么办饿的时候肚子叫怎么办肚子饿了咕咕叫怎么办饿了没吃的怎么办 mb高达掉漆了怎么办人被误解怎么办的说说当被别人误解时怎么办? psv破解重启了怎么办苍蝇总往身上落怎么办百度云下的字幕怎么办 mg自由2.0断腿了怎么办弹丸论破pc版卡怎么办蛇到家里打死了怎么办受凉了恶心想吐怎么办看到活人的魂问怎么办小米5线刷失败怎么办迅雷没有了看片怎么办被蝎子蛰到手指怎么办非洲大蜗牛摸了怎么办被红头蜈蚣咬了怎么办大蝎子吃小蝎子怎么办吃螃蟹吃西瓜了怎么办被东亚钳蝎蛰该怎么办被丈夫打了应怎么办沈腾结婚了马丽怎么办百度云盘加载慢怎么办安卓百度云限速怎么办百度云限速怎么办安卓 dnf刷出红字装备怎么办