欢迎来到福编程网,本站提供各种互联网专业知识!

大家看了就明白了css样式中类class与标识id选择符的区别小结

发布时间:2007-12-09 作者: 来源:转载
你可以用类选择符class和标识选择符id来定义自己的选择符。这样做的好处是,依赖于class或者id,你可以不同地表现相同的HTML元素。在CSS中,类选择符在一个半角英文句点(.)之前,而id则在半角英文井号(#)之前。看起来像这样:#top{background-color:#ccc;
你可以用类选择符class和标识选择符id来定义自己的选择符。

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

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

看起来像这样:

#top{background-color:#ccc;padding:1em}.intro{color:red;font-weight:bold;}
HTML与CSS的连接用属性id和class。像这样:

Chocolatecurry

Thisismyrecipeformakingcurrypurelywithchocolate

Mmmmmmmmmm

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

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


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

相关推荐