大家看了就明白了css样式中类class与标识id选择符的区别小结
大家看了就明白了css样式中类class与标识id选择符的区别小结
发布时间:2016-12-29 来源:查字典编辑
摘要:你可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。...

你可以用类选择符class和标识选择符id来定义自己的选择符。

这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。

在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。

看起来像这样:

#top{background-color:#ccc;padding:1em}.intro{color:red;font-weight:bold;}

HTML与CSS的连接用属性id和class。像这样:

<divid="top"><h1>Chocolatecurry</h1><pclass="intro">Thisismyrecipeformakingcurrypurelywithchocolate</p><pclass="intro">Mmmmmmmmmm</p></div>

id和class不同之处在于,id用在唯一的元素上,而class则用在不止一个的元素上。

你也可以为一个指定的HTML元素应用选择符,把HTML选择符放置在前面就可以了,所以,p.jam{whatever}会应用在有类“jam”的段落上。

一个id名称在一个页面里面通常是唯一定义的,因此在页面里定义css通常建议使用class,这样你可以重复使用你的css.而把id留给最需要使用html元素的javascript等

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新 Div+Css教程学习
热门 Div+Css教程学习
网页设计子分类