这是我参与「第四届青训营」笔记创作活动的第29天

css的复合选择器

在 CSS 中，可以根据选择器的类型把选择器分为基础选择器和复合选择器，复合选择器是建立在基础选择器之上，对基本选择器进行组合形成的。

ul li {
样式声明
}        /*    选择ul里面所有的li标签元素    */

div>p {
样式声明
}
  /*     选择div里面所有最近一级p标签元素     */

ul，div {
样式声明
}     /*    选择ul 和div 标签元素    */

伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。语法：伪类选择器书写最大的特点是用冒号（:）表示，比如 :hover 、:first-child 。

伪类选择器用于向某些选择器添加特殊的效果，比如给链接添加特殊效果，或选择第1个，第n个元素。
a:link 没有点击过的(访问过的)链接
a:visited 点击过的(访问过的)链接
a:hover 鼠标经过的那个链接
a:active 鼠标正在按下还没有弹起鼠标的那个链接

:focus 伪类选择器用于选取获得焦点的表单元素。焦点就是光标，一般情况 < input> 类表单元素才能获取


input: focus {
    background-color: yellow;
}

元素显示模式就是元素（标签）以什么方式进行显示，比如div自己占一行，比如一行可以放多个span。

常见块元素：

<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>

常见行内元素：

<a>、<strong>、<b>、<em>、<i>、<del>、<s>、<ins>、<u>、<span>

常见行内块标签：

<img />、<input />、<td>