电话
13363039260
通配符选择器匹配html中所以元素。
*{color: red; }
标签选择器为HTML元素指定特定的样式。
p { color: red; }
类选择器可以为标有特定class的HTML元素指定特定的样式。类选择器以"."来定义。
.red { color: red; }
id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以"#"来定义。 #red { color: red; }
派生选择器允许你根据文档的上下文关系来确定某个标签的样式。
/* 指定p标签下的所有span标签颜色为红色 */p span { color: red; }/* 指定p标签下的子元素span标签颜色为红色 */p > span { color: red; }
对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
CSS继承是指被包在内部的标签拥有外部标签的样式性质。CSS的一个主要特征就是继承,它依赖于祖先-后代关系的。继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以用于它的后代。
多重样式:如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况 一般情况下,优先级如下:(外部样式)<(内部样式)<(内联样式)
优先权值:
我们把特殊性分为4个等级,每个等级代表一类选择器,每个等级的值为其所代表的选择器的个数乘以这一等级的权值,最后把所有等级的值相加得出选择器的特殊值。
· 内联样表的权值最高为1000 。
· ID选择器的权值为100 。
· 类选择器的权值为10 。
· 元素选择器的权值为1。
图1-1 优先权值
CSS 优先级法则:
· 选择器都有一个权值,权值越大越优先。
· 当权值相等时,后出现的样式表设置要优于先出现的样式表设置。
· 创作者的规则高于浏览者:即网页编写者设置的CSS 样式的优先权高于浏览器所设置的样式。
· 继承的CSS 样式不如后来指定的CSS 样式。
· 在同一组属性设置中标有"!important"规则的优先级最大。