首页 > 代码库 > css基础 组合选择器之多元素选择器 多个元素加上同一个样式

css基础 组合选择器之多元素选择器 多个元素加上同一个样式

 镇场诗:
    清心感悟智慧语,不着世间名与利。学水处下纳百川,舍尽贡高我慢意。
    学有小成返哺根,愿铸一良心博客。诚心于此写经验,愿见文者得启发。
——————————————————————————————————————————

code:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title></title>
	<style type="text/css">
        /*组合选择器之多元素选择器*/
        /*多个元素加上同一个样式*/
        h3,p,.myh1{
            background-color:aqua;
        }
	</style>
</head>
<body>
    <h1 class="myh1">文韬武略</h1>
    <h2>庄子</h2>
    <h3>中庸</h3>
    <h1 class="myh1">道德经</h1>
    <h2>论语</h2>
    <p>楞严经</p>
    <h1>大学</h1>      <!--我只想前两个h1变色,所以用了class-->
    <h3>黄帝内经</h3>
    <h2>墨子</h2>
</body>
</html>

 



result:

技术分享

 



——————————————————————————————————————————
博文的精髓,在技术部分,更在镇场一诗。编辑器 VS2015,浏览器 Firefox。
html+css+js,强,值得努力学习。我跟着传智播客的视频教程学习。
我是一个新手,所以如果博文的内容有可以改进的地方,甚至有错误的地方,请留下评论,我一定努力改正,争取成就一个良心博客。
注:此文仅作为科研学习,如果我无意中侵犯了您的权益,请务必及时告知,我会做出改正。

css基础 组合选择器之多元素选择器 多个元素加上同一个样式