#前端学习笔记#day4
:link和:visited是超链接独有的
:hover和:active是都可以的
伪元素:表示页面中一些特殊的并不真实的存在的元素(特殊的位置)
语法 :: 开头
p::first-letter
::before元素的开始,
::after 元素的最后
使得content中的字改变样式
p::before{
content: 'abc';
color: blue;
}
样式的继承:我们为一个元素设置样式的同时也会应用到它的后代元素上。
继承是发生再祖先和后代之间的。
继承的设计是为了方便我们开发。
背景相关的不会被继承
选择器的权重
样式的冲突:
-当我们通过不同的选择器选中相同的元素,并且为相同的样式设置不同的值时,此时就发生样式的冲突。
发生冲突时,由选择器的优先级决定。
选择器的权重
内联(行内)样式 1000
id选择器 100
类和伪类选择器 10
元素选择器 1
em 是相对于元素的字体大小来计算的
1 em=1font-size
em会根据字体大小而改变
rem 是相对于根元素的字体大小改变html{ font-size:;}