css交集选择器怎么用
这篇文章将为大家详细讲解有关css交集选择器怎么用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。
css交集选择器
说明:交集选择器由两个选择器构成,找到的标签必须满足:既有标签一的特点,也有标签二的特点。
注意:其中第一个为标签选择器,第二个为class选择器,两个选择器之间不能有空格。
记忆技巧:交集选择器是并且的意思,即是又是的意思。
比如 p.one 选择器是:类名为.one的p段落标签。
<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>交集选择器</title><style>div.red{color:red;}.green{color:green;}</style></head><body><h4>《摸鱼儿·雁丘词》元好问</h4><divclass="red">问世间,情是何物,直教生死相许?</div><divclass="green">天南地北双飞客,老翅几回寒暑。</div><divclass="red">欢乐趣,离别苦,就中更有痴儿女。</div></body></html>
关于“css交集选择器怎么用”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。