CSS文件和页面填写css代码的优先问题,首先我们需要理解的是,在页面填写的CSS的优先级是高于引入文件的优先级的,因为那个css的样式更靠近要影响的元素,我们可以通过代码来理解一下:
创新互联自2013年起,是专业互联网技术服务公司,拥有项目成都网站制作、网站建设网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元穆棱做网站,已为上家服务,为穆棱各地企业和个人服务,联系电话:18982081108
html中:
html
head
style
table tr{
width:200px;
height:100px;
color:blue;
}
/style
link rel='stylesheet' type='text/css' href='./css/index1.css'
/head
body
table
tr style=""
td我i是测试文字/td
/tr
/table
/body
/html
css文件中:
table tr{
width:300px;
height:200px;
color:red;
}
这里写了2个CSS样式,唯一不同的就是文字的颜色,因为css的优先级,在在这里是不会执行外部文件的css样式,而是会去执行更加靠近这个tr的css样式,因而color会执行blue。
选择器不同而已。
1. div .top div :div标签下--类名为top的元素下--所有的div
例如:
div
div class="top"
div对这里起作用/div
div对这里起作用/div
div对这里起作用/div
/div
div
2. div .top :div标签下--类名为top的元素
例如:
div
div class="top"
对这里起作用
div/div
div/div
div/div
/div
div
3. .top :对所有类名为top的元素
例如:
div
div class="top"
对这里起作用
div/div
span class="top"对这里起作用span
/div
div
你这么设置就是让所有的a标签都设置这个样式,要想解决这个问题,先给列表外的链接都添加一个类名然后通过类名来设置样式,当然这样如果外面链接很多添加也麻烦,那也可以通过用一个DIV装起来,给这个DIV设置一个类名,例如: class=“a_list”然后再设置样式: .a_list a{}这样就可以了,当然,你上面的a标签也最好使用类名的方式来设置。
那些回答问题的人儿,你们到底懂不懂CSS就在这胡说八道,这很明显是特指度(specificity)的问题,css的样式是以特指度的高低进行样式的优先级使用(相同特质度会按照后面的覆盖前面的原则进行), 此例中,.value单独写不起作用,因为特指度太低,因此使用较大的父级选择器进行特指度的提升才会成功,很明显,最后的样式可以起作用是因为特质度最高。
具体特指度的概念看着很高深,其实很简单,加个链接给你: