css包含各种选择符,如:id选择符、类选择符,请问怎么用,应该注意什么?谢谢!
6个回答
展开全部
CSS 中 id、class属性的区别
1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。
如: .css5{属性:属性值;} 选择器在html调用为“<div class="css5">我是class例子</div>
.baobao { color: lime; background: #ff80c0 }
使用方法:class="baobao"
2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则:
#binbin { font-size: larger }
使用方法:id="binbin"
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;
3)css里的id用法与class用法一样,只是把class换成id。如例子:
在CSS样式定义ID
#css5 {height:25px; width: 200px;}
调用ID :
<div id="css5">我是ID例子</div>
class是一个样式,可以套在任何结构和内容上,就象一件衣服。
4)概念上说就是不一样
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。
(1)
一个class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个class可以定义剧本中每个人物的故事线,你可
以通过cSS,javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ,class= "Gandalf",
class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的class。
(2) id 通
常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头<
masthead>,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很
少会出现大于一次的情况。
归纳成一句话就是:class可以反复使用而id在一个页面中仅能被使用一次。
有可能在很大部分浏览器中反复使用同一个id不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。
在实际应用的时候,class可能对文字的排版等比较有用,而id则对宏观布局和设计放置各种元素较有用。<<id具有唯一性,而class是一个类,适用于可多次重复使用的容器>>
1)class是设置标签的类,用于指定元素属于何种样式的类。在CSS样式中以小写的“点”及“.”来命名,在html页面里则以class="css5" 来选择调用,命名好的CSS又叫css选择器。
如: .css5{属性:属性值;} 选择器在html调用为“<div class="css5">我是class例子</div>
.baobao { color: lime; background: #ff80c0 }
使用方法:class="baobao"
2)id是设置标签的标识。用于定义一个元素的独特的样式。在CSS样式定义的时候 以“#”来开头命名id名称
如一个CSS规则:
#binbin { font-size: larger }
使用方法:id="binbin"
id是一个标签,用于区分不同的结构和内容,就象你的名字,如果一个屋子有2个人同名,就会出现混淆;
3)css里的id用法与class用法一样,只是把class换成id。如例子:
在CSS样式定义ID
#css5 {height:25px; width: 200px;}
调用ID :
<div id="css5">我是ID例子</div>
class是一个样式,可以套在任何结构和内容上,就象一件衣服。
4)概念上说就是不一样
id是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容。
(1)
一个class是用来根据用户定义的标准对一个或多个元素进行定义的。打个比较恰当的比方就是剧本:一个class可以定义剧本中每个人物的故事线,你可
以通过cSS,javascript等来使用这个类。因此你可以在一个页面上使用class="Frodo" ,class= "Gandalf",
class="Aragorn"来区分不同的故事线。还有一点非常重要的是你可以在一个文档中使用任意次数的class。
(2) id 通
常用于定义页面上一个仅出现一次的标记。在对页面排版进行结构化布局时(比如说通常一个页面都是由一个页眉,一个报头<
masthead>,一个内容区域和一个页脚等组成),一般使用ID比较理想,因为一个ID在一个文档中只能被使用一次。而这些元素在同一页面中很
少会出现大于一次的情况。
归纳成一句话就是:class可以反复使用而id在一个页面中仅能被使用一次。
有可能在很大部分浏览器中反复使用同一个id不会出现问题,但在标准上这绝对是错误的使用,而且很可能导致某些浏览器的现实问题。
在实际应用的时候,class可能对文字的排版等比较有用,而id则对宏观布局和设计放置各种元素较有用。<<id具有唯一性,而class是一个类,适用于可多次重复使用的容器>>
展开全部
id有唯一性,class则可以多次调用。一般id是用在javascript。其他的看个人习惯。id的优先级大于class
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ID属于私有样式,Class属于公用的,用id调用的样式只能使用一次,其它元素不可以调用这个样式,而class属于公用的,可以多个元素同时调用同一个样式,id和class还可以一起使用,即:
<div id="demo1" class="demo2"></div>
这样的好处是:比如有两个容器,他们之间的样式设置有共同点也有不同点,那这样就可以分开写,把他们的共同点全部写在class里,不同点写在ID里,这样可以减小代码量,优化代码
<div id="demo1" class="demo2"></div>
这样的好处是:比如有两个容器,他们之间的样式设置有共同点也有不同点,那这样就可以分开写,把他们的共同点全部写在class里,不同点写在ID里,这样可以减小代码量,优化代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
ID选择器的话,只要你ID符合如<div id="div1"></div>你用#div1,那么可以直接套用上去。
类选择器的话,则需要<div class="div1"></div>,要用.div1才能套用样式。
除此之外还有标签选择器。
注意两点
1. 优先级 是 ID选择器》类别选择器》标签选择器
如 #div1 .class 的优先级比.div1 .class的优先级高,所以#div1会覆盖.class的样式
2.选择器之间要加空格,如#div1.div1的话就是 只有ID为DIV1和class属性要等于div1的标签才会采用此样式
类选择器的话,则需要<div class="div1"></div>,要用.div1才能套用样式。
除此之外还有标签选择器。
注意两点
1. 优先级 是 ID选择器》类别选择器》标签选择器
如 #div1 .class 的优先级比.div1 .class的优先级高,所以#div1会覆盖.class的样式
2.选择器之间要加空格,如#div1.div1的话就是 只有ID为DIV1和class属性要等于div1的标签才会采用此样式
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询