接上边的父选择器
子选择器只会选择最近的后代,进行变色
元素1和元素2中间用大于号隔开
元素1是父级,元素2是子级,选子级
ol>li{ color: red;}
并集选择器
不同类型的标签如:div p ul span
-
- div,p,.pig li {
- color: pink;
- }
-
- <body>
- <div>胸大div>
- <p>雪儿p>
- <ul class="pig">
- <li>十大科技li>
- ul>
- body>
- a:link {
- color: red;
- text-decoration: none;
-
- }
-
- a:hover {
- color: skyblue;
- }
-
a:link 未访问的连接a:link 把没有点击过的(访问过的)连接选出来
a:visited 访问过后的连接会修改颜色
a:hover 鼠标移动到该连接就变色
a:active 选择的是外面鼠标正在按下还没有弹起鼠标的那个链接
为了保证生效,需要按照:link visited hover active的顺序
开发就只要没有下划线和hover就可以了
:focus伪类选择器用于选取获得焦点的表单元素.那个获得光标
- input:focus{
- bockground-color: yellow;
- }
- <body>
- <input type="text">
- <input type="text">
- <input type="text">
- body>
背景没有特定的约定顺序
习惯上规定:background: 背景颜色 背景图片地址 背景平铺 背景图像滚动 背景图片位置如:black url(图片地址) no-repeat fixed center top;