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>