手机
当前位置:查字典教程网 >网页设计 > Div+Css教程 >大家看了就明白了css样式中类class与标识id选择符的区别小结
大家看了就明白了css样式中类class与标识id选择符的区别小结
摘要:你可以用类选择符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等

【大家看了就明白了css样式中类class与标识id选择符的区别小结】相关文章:

高效整洁CSS代码

在CSS中用attr()显示HTML属性值

动态加载外部css或js文件

CSS line-height行高上下居中垂直居中样式属性

div中class与id的区别及应用

动易模板常用CSS修改实际操作技巧

页面制作如何用好border和clear

CSS让段落开头自动空两格代码

css伪类伪元素域高级选择器的介绍

CSS分页数字放大效果

精品推荐
分类导航