1.3 CSS选择器
导读:1.3.1 通配符选择器 通配符选择器匹配html中所以元素。 *{color: red; } 1.3.2 标签选择器 标签选择器为HTML元素指定特定的样式。 p { color: red; } 1.3.3 类选择器 类...
1.3.1 通配符选择器
通配符选择器匹配html中所以元素。
*{ color: red; }
1.3.2 标签选择器
标签选择器为HTML元素指定特定的样式。
p { color: red; }
1.3.3 类选择器
类选择器可以为标有特定class的HTML元素指定特定的样式。类选择器以"."来定义。
.red { color: red; }
1.3.4 id选择器
id选择器可以为标有特定id的HTML元素指定特定的样式。id选择器以"#"来定义。 #red { color: red; }
1.3.5 派生选择器
派生选择器允许你根据文档的上下文关系来确定某个标签的样式。
/* 指定p标签下的所有span标签颜色为红色 */p span { color: red; } /* 指定p标签下的子元素span标签颜色为红色 */p > span { color: red; }
1.3.6 选择器分组
对选择器进行分组,这样,被分组的选择器就可以分享相同的声明。用逗号将需要分组的选择器分开。
h1, h2, h3, h4, h5, h6 { font-size: 12px; }
1.3.6 选择器继承
CSS继承是指被包在内部的标签拥有外部标签的样式性质。CSS的一个主要特征就是继承,它依赖于祖先-后代关系的。继承是一种机制,它允许样式不仅可以应用于某个特定的元素,还可以用于它的后代。
1.3.7 优先级
多重样式:如果外部样式、内部样式和内联样式同时应用于同一个元素,就是使多重样式的情况 一般情况下,优先级如下:(外部样式)
声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!
若转载请注明出处: 1.3 CSS选择器
本文地址: https://pptw.com/jishu/664229.html