选择器
2018-11-19 本文已影响0人
Citrus柑橘味气息
属性选择器:
选取含有title属性的元素
p[title*='']{}
^ 以什么开头 $ 以什么结尾 * 含有
子元素选择器
first-child 选择第一个子标签
last-child 选择最后一个子标签
nth-child 选择指定位置的子元素
span ~ p
- 需要紧挨着 ~后面所有的
选择器的优先级
!important,优先级最高
内联样式,优先级1000
id选择器,优先级100,
类和伪类,优先级10,
元素选择器,优先级1,
通配,优先级0,
继承样式没有优先级
a的伪类
a:link{} 正常(未访问过的)
a:visited{访问过的}
a:hover{鼠标移入效果}
a:active{鼠标点击效果}
!important,优先级最高
内联样式,优先级1000
id选择器,优先级100,
类和伪类,优先级10,
元素选择器,优先级1,
通配,优先级0,
继承样式没有优先级
em标签用于表示一段内容的着重点
strong标签用于一个内容的重要性
em标签显示为斜体,strong显示为粗体
<i>会使文字变成粗体
<b>会使文字变成粗体
<small>显示比父元素先的字号
<cite>可以指明对内容的引用,如标题,名称等
<blockquote>和<q>标记引用的文本
<blockquote>长引用
<q>短引用
上标下标
<ins>加下划线
<del>加删除线
/去掉项目符号/
ul{
list-style: none;
列表
1.有序:ul li
2.无序:ol li
3.定义:dl dt dd