css选择器

1，选择class为item的p元素，中间不能有空格

  <style>
        p.item{
            color:#5fb878;
        }
    </style>
</head>
<body>
<div class="wrap">
    <p>W3School</p>
    <p class="item">W3School</p>
    <p>W3School</p>
</div>

2，通过div的class来选择class为item的p标签----.wrap与.item之间有空格

    .wrap .item{
            color:#5fb878;
        }
    </style>
</head>
<body>
<div class="wrap">
    <p>W3School</p>
    <p class="item">W3School</p>
    <p>W3School</p>
</div>

3，同时为span和p标签设置颜色

 .wrap .item,.wrap .test{
            color:#5fb878;
        }
    </style>
</head>
<body>
<div class="wrap">
    <p>W3School</p>
    <p class="item">W3School</p>
    <p>W3School</p>
    <span class="test">今天是星期二</span>
    <span>明天星期三</span>
</div>

 

posted @ 2017-08-08 16:30  千寻的天空之城  阅读(236)  评论(0)  编辑  收藏  举报