CSS(二)选择符
2019-04-11 22:14:23 1.类型选择符(标签选择符)
html中所有的标签都可以直接对元素选择
p em i a html body..... 特点:对页面中所有当前类型的元素进行选择。
应用:清除某个元素默认样式的时候,或者是统一某个元素样式的时候
2.id选择器
语法:<标签 id="top-wrap"></标签>
css:#id名字
特点:id名字在单一一个页面内是唯一的
应用:id名是划分网页外围结构的
3.类选择器:
语法:
<标签class="class名称"></标签>
css: .class名称(css语句)
应用:可以定义一类的样式
css命名规范:
1.不能使用关键字(不能是标签名和属性)
2.英文字母开头,可以连接数字,连字符和下划线
连字符:
news-left news-right news-center
下划线:
news_left news_r news_c
驼峰式:
newsLeft newsRight 4.包含选择符:
语法:
父元素选择符 子元素选择符
5.群组选择符:
语法:(以逗号的形式把选择符组成一组)
选择符1,选择符2,选择符3{} 6.伪类选择符 a:link{属性:属性值;}超链接的初始状态
a:visited{属性:属性值;}超链接被访问后的状态
a:hover{属性:属性值;}鼠标悬停,即鼠标划过超链接时的状态
a:active{属性:属性值;}超链接被激活的状态,即鼠标按下时超链接的状态 7.通配符
*{ margin:0;
padding:0;
} 注:选择符权重: 内联样式表 >id >class、伪类> 标签 (1000) (100) (10) (1) a:包含选择符权重为权重之和。 b:群组选择符保持自身权重不变
扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄
html中所有的标签都可以直接对元素选择
p em i a html body..... 特点:对页面中所有当前类型的元素进行选择。
应用:清除某个元素默认样式的时候,或者是统一某个元素样式的时候
2.id选择器
语法:<标签 id="top-wrap"></标签>
css:#id名字
特点:id名字在单一一个页面内是唯一的
应用:id名是划分网页外围结构的
3.类选择器:
语法:
<标签class="class名称"></标签>
css: .class名称(css语句)
应用:可以定义一类的样式
css命名规范:
1.不能使用关键字(不能是标签名和属性)
2.英文字母开头,可以连接数字,连字符和下划线
连字符:
news-left news-right news-center
下划线:
news_left news_r news_c
驼峰式:
newsLeft newsRight 4.包含选择符:
语法:
父元素选择符 子元素选择符
5.群组选择符:
语法:(以逗号的形式把选择符组成一组)
选择符1,选择符2,选择符3{} 6.伪类选择符 a:link{属性:属性值;}超链接的初始状态
a:visited{属性:属性值;}超链接被访问后的状态
a:hover{属性:属性值;}鼠标悬停,即鼠标划过超链接时的状态
a:active{属性:属性值;}超链接被激活的状态,即鼠标按下时超链接的状态 7.通配符
*{ margin:0;
padding:0;
} 注:选择符权重: 内联样式表 >id >class、伪类> 标签 (1000) (100) (10) (1) a:包含选择符权重为权重之和。 b:群组选择符保持自身权重不变

更多精彩