基础课第四节 背景边框列表链接和更复杂的选择器

一.如何实现body背景不重复的平铺

    background-image:url(0.jpg);
    background-position: center center;
    background-size: cover;

    background-repeat: no-repeat;

二.a href的样式

a:link    {color:blue;}//未访问的颜色
a:visited {color:black;}//已访问的颜色
a:hover   {color:red;}//鼠标放上去连接的颜色

a:active  {color:yellow;}//点击时候的颜色

三.后代选择器

<style>
        .father .child{color:green;}

    <style>

<p class="father">黑色
    <label class="child">蓝色
    <b>也是蓝色</b>
    </label>

</p>

效果如图：

定义了所有class属性为father的元素下面的class属性为child的颜色为绿色

四.子选择器

仅是指它的直接后代，而后代选择器是作用于所有子后代元素

#links a {color:red;}
#links > a {color:blue;}

<p id="links">
<a href="#">Div+CSS教程</a>>
<span><a href="#">CSS布局实例</a></span>
<span><a href="#">CSS2.0教程</a></span>

</p>

PS：选择器这一部分可以看百度百科有很好的解释

https://baike.baidu.com/item/css%E9%80%89%E6%8B%A9%E5%99%A8/2819686