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

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

WBOY
WBOYOriginal
2016-06-24 12:08:241659Durchsuche

这两者有区别吗,开头是指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一下你就知道

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn