CSS中 前面带#的style和普通的带.的style有啥区别?

html-css07

CSS中 前面带#的style和普通的带.的style有啥区别?,第1张

一楼的说的有个问题是

id选择器并不是在html页面中只能使用一次

你喜欢的话可以把多个标签设置为同一个id

而影响的是其他的问题很多,给你个例子吧

比如你在页面里添加 锚<a>

咱们先添加2个锚点 本来应该这么写<a name="t1" /> <a name="t2" />

咱们现在把name改成id,效果是一样的 那么就变为<a id="t1" /> <a id="t2" />

接下来咱们把两个锚的id都设置为t1 <a id="t1" /> <a id="t1" />

然后添加个连接来跳到锚点处<a href="#t1" />这是跳至t1处的 那么咱们结合css里的id选择器的话 问题就出来了 你#t1的样式设定锚点的样式 这没问题 两个锚点都是用同样的样式

但是你得链接呢 跳到哪个锚点呢 所以这个问题很关键 id的针对性就这么体现出来了 建议是用类选择器 class 在css中 .

我学的样式表是用在HTML里的

用的也是一.CSS为后缀的

html里的样式表有3种选择器

(1)简单选择器

用法标题标记{元素名属性名:属性值元素名属性名:属性值....}如:<head><style type="text/css">td{font-fanmily:宋体color:red}</style></head>

这种是可以不分元素位置的,也就算只要是有TD的地方td里的东西它都会是宋体,而且字体也会是红色

(2)类选择器

用法:.自定义变量{元素名属性名:属性值元素名属性名:属性值....}

如:head><style type="text/css">

.water{font-fanmily:宋体color:red}

.danger{font-family:黑体:color:blue}(注:water和danger都是自己随便定义的)

</style></head>

<td clss="water"(或class="danger")>skdfje</td>(就是TD里的字体都变成宋体和成红色

(3)id选择器

用法:#自定义变量{元素名属性名:属性值元素名属性名:属性值....}

如:#control{color:redfont-size:24px}

<head><style type="text/css">

#control{color:redfont-size:24px}

</style></head>

<td id="control">slfl</td>(slfl会变成红色且是24px大小)

你告诉我你的信箱,我发个资料给你,挺好的

css后面加参数主要是起到一个缓存更新的作用。

比如style.css?v=1.0,客户端打开后会缓存1.0版本的css文件,而你在下次升级css文件后,文件名不改,那么没有清理过缓存的浏览器就会出现样式错误或者是旧样式。如果你改成style.css?v=2.0 ,就不会出现这样的问题,浏览器就会识别为新的css文件来重新加载。