伪元素
伪元素 表示页面中一些特殊的并不真实的存在元素(特殊位置)
伪元素使用 ::开头
::first—letter 表示第一个字母
::first-line 表示第一行
::selection 表示选中的内容
p::first—letter{}
p::first—line{}
p::selection{}
::before元素的开始(标签的内容中第一个字母前边的一个位置)
::after元素的最后(标签的内容中最后一个字母后边的一个位置)
注意::before元素和::after元素必须和content属性结合使用。
<style>
/*div内容增加abc,且abc是红色的,并且不能被鼠标选中*/
div::before{
content:"abc";
color:red;
}
</style>
p37 继承
样式的继承,我们为一个元素设置的样式,同时也会应用到它的后代元素上,继承是只发生在祖先后代之间的。
继承是发生在祖先后代元素之间的。
继承的设计是为了方便我们开发,利用继承我们可以将一些通用的样式统一设置到共同的祖先元素上,这样只需设置一次即可让所有的元素都具有该样式。
注意:并不是所有的样式都会被继承,比如:背景相关的,布局相关等的这些样式都不会被继承。