新浪微博 登陆  注册   设为首页 加入收藏

学PHP >> DIV+CSS >> CSS中关于class与ID选择器的区别

CSS中关于class与ID选择器的区别

查看次数12759 发表时间2012-12-15 20:39:15



CSS选择器有ID和Class两种,他们有什么区别呢?使用点号(.)创建class选择器,使用hash符号(#)创建ID选择器。

例子:  
#top { 
     background-color: #ccc; 
     padding: 1em 
}

.intro { 
     color: red; 
     font-weight: bold; 
}

html页面通过id和class属性调用CSS,像下面这样:

例子:  
<div id="top"> 
<h1>Chocolate curry</h1> 
<p class="intro">This is my recipe for making curry purely with chocolate</p> 
<p class="intro">Mmm mm mmmmm</p> 
</div>

id和class的不同指出在于一个页面同一个ID只能只有一次,而class可以无限制使用。

ID是一个标签,用于区分不同的结构和内容,就象名字,如果一个屋子有2个人同名,就会出现混淆;CLASS是一个样式,可以套在任何结构和内容上,就象一件衣服。

从概念上说就是不一样的:id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。

目前的浏览器还都允许用多个相同ID,一般情况下也能正常显示,不过当你需要用JavaScript通过id来控制div时就会出现错误。



(转发请注明转自:学PHP)    


  相关推荐



1楼 Melvina说: 2016-09-09 15:40:58
God help me, I put aside a whole afnertoon to figure this out.

  发表评论
昵称:
(不超过20个字符或10个汉字)
内容: