引入方式

推荐第一种

选择器

基本选择器

• 标签选择器

• 类选择器

• ID选择器

层次选择器

• 后代选择器

body p {
}

• 子选择器

body > p {
}

• 相邻兄弟选择器

.active + p {
}

• 通用选择器

.active~p {
}

结构伪类选择器

ul li:last-child{
}

• 第一步定位:p的父元素(p的第一个作用) 第二步定位父元素下的第一个元素(数字的作用) 第三步判断如果类型是p成立(p的第二个作用) 第四步产生结果改变样式;

属性选择器

a[class=|class*=|class^=|class$=]{
}

=       全等
*=      包含
^=      开头为
$=      结尾为

结果