>  기사  >  웹 프론트엔드  >  请问为啥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으로 문의하세요.