css之第二天笔记

css之第二天笔记

.demo类选择器
:frist-child伪类选择器
::frist-letter 伪元素选择器

2.伪元素选择器

p::first-letter{/*选择第一个字*/
    	color: red;
    	font-size: 50px;
    }
    p::first-line{/*选择第一行字*/
    	color: green;
    }
    p::selection{/*当我们选中文字时变化的样式
    	color: pink;
    }
    div::before{/*在盒子内部的最前面插入一个字*/
		content:"俺";
		color: red;
		font-size: 50px;
	}
      div::after{/*在盒子内部的最后面插入一个字*/
		content: "18岁";
	}

3.css书写规范
空格规范
（1）选择器和 {（花括号）之间要有一个括号

  div::after {/*在盒子内部的最后面插入一个字*/
		content: "18岁";
	}            

   （2）属性名和 ：之间不允许有空格，：和属性值之间要有空格

 color: red;

选择器规范
（1）多个选择器独占一行

p,
div,
span,
b {
	color: red;
}

      （2）选择器的嵌套层级不大于3级

属性规范
（1）每个属性必须单独一行
（2）属性定义后必须以分号结尾