后代选择器
后代选择器可以根据标签的关系,为处在 元素内部的代元素设置样式。
给链接定义样式
1,正常链接
a:link,
2,访问过的链接
a:visited(只能定义字体颜色)
3,鼠标滑过的链接
a:hover
4,正在点击的链接
a:active
获取焦点
:focus
指定元素前
:before
指定元素后
:after
选中的元素
::selection
给段落定义样式
首字母
:first-letter
首行
:first-line
子元素选择器
子元素选择器可以给另一个元素的子元素 设置样式。
其他子元素选择器
:first-child
选择第一个子标签
:last-child
选择最后一个子标签
:nth-child
选择指定位置的子元素
:first-of-type
:last-of-type
:nth-of-type
选择指定类型的子元素
兄弟选择器
除了根据祖先父子关系,还可以根据兄弟 关系查找元素。
否定伪类
否定伪类可以帮助我们选择不是其他东西 的某件东西。
语法: :not(选择器){}
权重
内联样式:权重是 1000
id选择器:权重是 100
类、属性、伪类选择器:权重是 10
元素选择器:权重是 1
通配符:权重是 0
计算权重需要将一个样式的全部选择器相加
文本标签
em标签用于表示一段内容中的着重点。
strong标签用于表示一个内容的重要性。
这两个标签可以单独使用,也可以一起使用。
通常em显示为斜体,而strong显示为粗体。
i标签会使文字变成斜体。
b标签会使文字变成粗体。
这两个标签和em和strong类似,但是这两 个标签没有语义。
small标签表示细则一类的旁注,通常包括 免责声明、注意事项、法律限制、版权信 息等。
网友评论