{{item.name}}

{{item.passtime}}

{{item.text}}

注意用顺序，自己的样式和脚本必须在后面。

网上引用cdn是

五. CSS基本语法

1.优先级

和原生CSS一样。

#xxx>.xxx>xxx

2.选择器

（1）属性选择器

（2）子选择器

>号

（3）兄弟选择器

临近选择器用+号表示，比如说在一个nav-ul-li结构的导航条里，欲设置两个li之间的外边距。

nav>li+li{

margin-left:10px;

}

指定元素后边的节点用~。比如说查找article元素内h1后面所有的p元素

article h1~p{font-size:20px}

3. 伪类选择器

bootstrap常用的伪类无外乎这几个

4. display属性

display很好用，但是不能乱用。

5.媒询

媒询是bootstrap响应式布局核心的要素，但主要用到的还是min,max和and

@media(max-width: 767px){

/*在小于768像素的屏幕中，这里样式生效*/

}

@media(max-width: 767px) and (max-width: 991px){

/*在768-991像素区间的屏幕中，这里样式生效*/

}

@media(min-width: 1200px){

/*在大于等于1200像素的屏幕中，这里样式生效*/

}

同理还可以用到高度。

6.相关javaScript语法梳理