首頁  >  文章  >  web前端  >  请问为啥css文件有的以.开头,有的以#开头,是不是两者都可以?_html/css_WEB-ITnose

请问为啥css文件有的以.开头,有的以#开头,是不是两者都可以?_html/css_WEB-ITnose

WBOY
WBOY原創
2016-06-24 12:08:241659瀏覽

这两者有区别吗,开头是指css文件的第一行


回复讨论(解决方案)

.表示class #表示Id
例如:


css:.a{}

css:#a{}

一、在web标准中是不容许重复ID的,例如 div id="a"  不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用。
  二、属性的优先级问题:ID 的优先级要高于class,我们在下面的代码中有示例说明。
  三、方便JS等客户端脚本的引用,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪费时间资源,远远不如一个ID来得简单与快捷。

#id 优先级更高,唯一的
.class 可以用于多个

这些都是样式的选择器

1 、# 是ID选择器 这个在定义样式是比较少用
2、. 是类别选择器
3、标签选择器  例如 元素p 标签样式,标识html中的所有有关p的内容的都用你定义的样式
4、后代选择器  例如  ul和li .ul li{} 那么所有ul下面的li的样式都跟你定义的效果


这些比较常用的,要看详细的话,看在百度中输入 “css 选择器”里面介绍很详细

这些都是样式的选择器

1 、# 是ID选择器 这个在定义样式是比较少用
2、. 是类别选择器
3、标签选择器  例如 元素p 标签样式,标识html中的所有有关p的内容的都用你定义的样式
4、后代选择器  例如  ul和li .ul li{} 那么所有ul下面的li的样式都跟你定义的效果


这些比较常用的,要看详细的话,看在百度中输入 “css 选择器”里面介绍很详细
css 选择器,让后还有优先级!

一、在web标准中是不容许重复ID的,例如 div id="a"  不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用。
二、属性的优先级问题:ID 的优先级要高于class,我们在下面的代码中有示例说明。
三、方便JS等客户端脚本的引用,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪……
+1

以.开头是class选择器
以#开头是id选择器

一、在web标准中是不容许重复ID的,例如 div id="a"  不容许重复2次;而class所定义的是类,理论上可以无限重复。以根据需要多次引用。
二、属性的优先级问题:ID 的优先级要高于class,我们在下面的代码中有示例说明。
三、方便JS等客户端脚本的引用,如果在页面中要对某个对象进行脚本操作,那么可以给他定义一个ID,否则只能利用遍历页面元素加上指定特定属性来找到它,这是相对浪……
三楼正解啊   这个解释很好了 

简单易懂~   .表示class #表示Id
例如:


css:.a{}

css:#a{}

这些都是样式的选择器

1 、# 是ID选择器 这个在定义样式是比较少用
2、. 是类别选择器
3、标签选择器  例如 元素p 标签样式,标识html中的所有有关p的内容的都用你定义的样式
4、后代选择器  例如  ul和li .ul li{} 那么所有ul下面的li的样式都跟你定义的效果


这些比较常用的,要看详细的话,看在百度中输入 “css 选择器”里面介绍很详细

+1

是这样的

很简单,“#”指定的是ID引用,ID的命名在同一个CSS文件中,具体有唯一性,即相同命名只可以使用一次。
而“.”开头的样式,则可以在html页面 被class多次引用。

百度google一下你就知道

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn