CSS中的权重

html-css06

CSS中的权重,第1张

元素会被多个样式一层层作用,这就是层叠样式表的来源。如果多个样式作用在元素上就会产生优先级权重的问题。

零、属性后面使用!important,权重最大,会覆盖页面内任何位置定义的元素样式。

一、内联样式,权重为1000【写在HTML元素的style属性中】

二、ID选择器,权重为0100【非内联样式】

三、类、伪类、属性选择器,权重为0010【非内联样式】

四、标签、伪元素选择器,权重为0001【非内联样式】

五、通配符、子选择器、相邻选择器等,权重为0000【非内联样式】

六、继承的样式没有权重

注意

没有权重 权重为0 权重为0 的权重比 没有权重 的大,优先级高

1、 选择器中 ID选择器 的权重【a = 数量 * 权重】

2、 选择器中 类、伪类、属性选择器 的权重【b = 数量 * 权重】

3、 选择器中 标签、伪元素选择器 的权重【c = 数量 * 权重】

4、 最终的权重w = a + b + c

运行截图

width:宽度【块级元素的会继承父类的内容宽度contentwidth,】

color:字体的颜色

CSS权重是由四个数值决定,看一张图比较好解释:

图里是英文的,我翻译过来分别说一下,4个等级的定义如下:

第一等:代表内联样式,如: style=””,权值为1000。

第二等:代表ID选择器,如:#content,权值为100。

第三等:代表类,伪类和属性选择器,如.content,权值为10。

第四等:代表类型选择器和伪元素选择器,如div p,权值为1。

最后把这些值加起来,再就是当前元素的权重了。

权重算出来了,但是某个元素到底用哪个样式,还有3个规则,:

1,如果样式上加有!important标记,例如:

p{ color: gray !important}

那么始终采用这个标记的样式。

2,匹配的内容按照CSS权重排序,权重大的优先;

可以看到,CSS权重只是决定应用哪个样式的其中一个步骤,不过这个步骤是最复杂的,上面已经说过了。

3,如果权重也一样,按照它在CSS样式表里声明的顺序,后声明的优先,例如:

h1 {color: blue}

h1 {color: red}

最终胜出的是color: red。

1.确保网站每一个标题的唯一性也是网站优化者必须注重的,只有唯一性才能给你的网站带来权重,在内页中我们可以采用标题+频道+网站名字来写。

2.为了能加速网站被收录的速度,我们要尽量的帮助自己的网站减肥,我们可以采用js或者css等来缩小网页体积,加快网页被收录的速度才能真正的提高网站权重。

3.服务器的质量是决定网站优化是否成败的重要因素,如果服务器经常有问题打不开,或者速度慢,那么蜘蛛和用户都会选择放弃你。

4.网站优化的核心思想就是引导搜索引擎快速的,方便的爬行我们的网站,所以我们一定要做好网站地图。

5.一般在网站优化中并不建议采用太多的图片来优化网站,但在实际操作中,为了能达到网站的用户体验度和销售力,我们必须采用图片,flash等一些来装饰来美化我们的网站,但为了能达到网站优化的效果我们必须要在这些属性中加上ALT属性,这样就有利于让图片被搜索引擎收录。6.:网站的站外链接对于一个网站优化者来说都是非常重要的,但我们一定要保证这些链接的权重价值,我们在选择的时候一定要观察网站的快照,一般最好控制在15天以内。

7:网站优化内容为王,搜索引擎一项是喜欢新鲜的内容的,那么只有新鲜的内容才能让你的网站获得权重,当然也不是谁都可以每天写原创文章的所有,我们可以修改别人的文章为我们自己所用。

8.在网站中加入插件来完成这个,目的是当别人转载或者复制你的文章时,会自动加入你的链接,可以帮助你的网站增加权重。

9:友情链接给网站带来的权重是非常大的,所以我们作为一个网站优化者必须坚持每天检查自己的友情链接。

10:其实很多网站优化者都不注重这一点,但这是十分重要的,因为搜索引擎会根据这个来判断一个网站权重的重要因素。

11:我们要保证网站的每一个页面中都有自己的联系方式,这样才能让我们的网站优化获得最高的转化率,这也是提高网站权重的最终目的。