首页 > 代码库 > CSS引入方式,高级选择器
CSS引入方式,高级选择器
css引入方式:
1、内部样式
style标记
在head标记中
应用范围:当前整个页面中应用
2、行内样式
style属性
<p style="color:black; font-size:24px">行内样式</p>
应用范围:指定的标签内应用,优先级高于内部样式
不太推荐用这种方式
3、外部样式
声明:.css样式文件
引入:
链接方式:<link href="http://www.mamicode.com/css文件" rel="stylesheet" type="text/css"/>
应用:多个页面中共享
优先级:
行间>内部>外部
注:在有相同的样式时,才考虑优先
css高级选择器:
1.后代选择器:
应用在具有嵌套关系的元素上
选择器1 选择器2 ,各个选择器之间用"空格"隔开
2. 交集选择器:
选择器1选择器2,各个选择器直接链接在一起
进一步缩小选择范围
.clCSS 类选择器,应用在任何标记上
p .clCSS 后代选择器,应用在p标记上的子标记中
p.clCSS 交集选择器,应用在p标记上具有class=“clCSS”
#p1 .cls :选择id属性为“p1”的标记,再在该标记中选择class
为“cls”的子标记
3.并集选择器:
选择器1,选择器2,选择器3{};
应用:为不同选择器设置相同的样式
注:其中的选择器是之前学的的任意选择器
继承特性:
具有嵌套关系的标记,外层标记叫父标记,内层标记叫子标记
子标记可以继承标记的样式,反过来是不成立的
CSS引入方式,高级选择器