p1,span{color:green;}
这样也可以出结果，会不规范吗
<style type="text/css">
h1,span{color:red;}
p1,span{color:green;}
</style>
</head>
<body>
<h1>勇气</h1>
<p1 class="first">三年级时，
夕酉
2016-07-30
9 回答
我去看了他们的笔记，果然不错，转来给你看一下：
1. 我们需要做的是什么？
是将“第一段话”与“第二段中的【简单】”变为绿色。
2. 我们先拆分为两个问题
如何将第一段变为绿色？
如何将第二段中的简单变为绿色？
3. OK，我们先解决2中的第一个问题，在之前学习的知识中，我们是如何把一段文字变为绿色的呢？
步骤一 ： 写一个css样式，我们写一个 【.first ｛ color：green；｝】
步骤二： 用<p>标签标出整段文字，并在<p>中加入class="first",如<p class="first">---------原代码中已经帮我们写好了。
完成。
那么又如何将简单两字变为绿色呢？
最简单的方式：span{ color :red},在用span标签标出简单两字。
但是，我们可以刚刚学习了后代选择器呀骚年，不想用用吗？
#second span{ color:green }搞定！（所有ID选择器名为second的标签中的所有span的所有后代标签都会受影响，包括span）
分组选择符的定义是什么？为多个标签元素设置同一个样式！这样省事简单，还可以减少代码冗余量。
所以我们将这两个问题合为一个处理：
.first , #second span{ color:green;},其余问题（如用合适标签括出要修饰的内容并加上class/ID=“...”）原代码中都已经帮我们做好了，所以我们需要做的仅仅是修改内嵌的css样式而已。
查看2条回复
举报
0/150
提交
取消
