- .text-muted：提示，使用浅灰色（#999）
- .text-primary：主要，使用蓝色（#428bca）
- .text-success：成功，使用浅绿色(#3c763d)
- .text-info：通知信息，使用浅蓝色（#31708f）
- .text-warning：警告，使用黄色（#8a6d3b）
- .text-danger：危险，使用褐色（#a94442）
.text-left：左对齐☑ .text-center：居中对齐☑ .text-right：右对齐☑ .text-justify：两端对齐
选择器： CSS 选择器参考手册
CSS3 选择器
在 CSS 中，选择器是一种模式，用于选择需要添加样式的元素。 “CSS” 列指示该属性是在哪个 CSS 版本中定义的。（CSS1、CSS2 还是 CSS3。）
选择器
例子
例子描述
CSS
.intro
选择 class=”intro” 的所有元素。
1
firstname
选择 id=”firstname” 的所有元素。
1
*
选择所有元素。
2
p
选择所有
元素。
1
div,p
选择所有
元素。
1
div p
选择
元素。
1
div>p
选择父元素为
元素。
2
div+p
选择紧接在
元素。
2
[target]
选择带有 target 属性所有元素。
2
[target=_blank]
选择 target=”_blank” 的所有元素。
2
[title~=flower]
选择 title 属性包含单词 “flower” 的所有元素。
2
[lang|=en]
选择 lang 属性值以 “en” 开头的所有元素。
2
a:link
选择所有未被访问的链接。
1
a:visited
选择所有已被访问的链接。
1
a:active
选择活动链接。
1
a:hover
选择鼠标指针位于其上的链接。
1
input:focus
选择获得焦点的 input 元素。
2
p:first-letter
选择每个
元素的首字母。
1
p:first-line
选择每个
元素的首行。
1
p:first-child
选择属于父元素的第一个子元素的每个
元素。
2
p:before
在每个
元素的内容之前插入内容。
2
p:after
在每个
元素的内容之后插入内容。
2
p:lang(it)
选择带有以 “it” 开头的 lang 属性值的每个
元素。
2
p~ul
选择前面有
元素的每个
- 元素。
3
a[src^=”https”]
选择其 src 属性值以 “https” 开头的每个 元素。
3
a[src$=”.pdf”]
选择其 src 属性以 “.pdf” 结尾的所有 元素。
3
a[src*=”abc”]
选择其 src 属性中包含 “abc” 子串的每个 元素。
3
p:first-of-type
选择属于其父元素的首个
元素的每个
元素。
3
p:last-of-type
选择属于其父元素的最后
元素的每个
元素。
3
p:only-of-type
选择属于其父元素唯一的
元素的每个
元素。
3
p:only-child
选择属于其父元素的唯一子元素的每个
元素。
3
p:nth-child(2)
选择属于其父元素的第二个子元素的每个
元素。
3
p:nth-last-child(2)
同上，从最后一个子元素开始计数。
3
p:nth-of-type(2)
选择属于其父元素第二个
元素的每个
元素。
3
p:nth-last-of-type(2)
同上，但是从最后一个子元素开始计数。
3
p:last-child
选择属于其父元素最后一个子元素每个
元素。
3
:root
选择文档的根元素。
3
p:empty
选择没有子元素的每个
元素（包括文本节点）。
3
news:target
选择当前活动的 #news 元素。
3
input:enabled
选择每个启用的 元素。
3
input:disabled
选择每个禁用的 元素
3
input:checked
选择每个被选中的 元素。
3
:not(p)
选择非
元素的每个元素。
3
::selection
选择被用户选取的元素部分。
3
选择器： 属性选择器 伪选择器： 1.伪类选择器： CSS 伪类
属性
描述
CSS
向被激活的元素添加样式。
1
向拥有键盘输入焦点的元素添加样式。
2
当鼠标悬浮在元素上方时，向元素添加样式。
1
向未被访问的链接添加样式。
1
向已被访问的链接添加样式。
1
向元素的第一个子元素添加样式。
2
向带有指定 lang 属性的元素添加样式。
2
2.伪元素选择器： CSS 伪元素
属性
描述
CSS
向文本的第一个字母添加特殊样式。
1
向文本的首行添加特殊样式。
1
在元素之前添加内容。
2
在元素之后添加内容。
2
