关于css中class的问题
<styletype="text/css">.main{width:1002px;margin:0auto;color:red;}.one{color:red;}.two...
<style type="text/css">
.main{ width:1002px; margin:0 auto; color:red; }
.one{color:red; }
.two{color:blue;}
</style>
<body>
<p>一种都不使用</p>
<p class="one">只使用第一种</p>
<p class="two">只使用第二种</p>
<p class="one two">同时使用两种class，同时使用</p>
<p>一种都不使用</p>
</body>
问题：
class="two"不生效，<p class="two">只使用第二种</p>，结果不显示蓝色，是为什么？ 展开
.main{ width:1002px; margin:0 auto; color:red; }
.one{color:red; }
.two{color:blue;}
</style>
<body>
<p>一种都不使用</p>
<p class="one">只使用第一种</p>
<p class="two">只使用第二种</p>
<p class="one two">同时使用两种class，同时使用</p>
<p>一种都不使用</p>
</body>
问题：
class="two"不生效，<p class="two">只使用第二种</p>，结果不显示蓝色，是为什么？ 展开
2个回答
展开全部
你的.two{color:blue;}这句前面有一个全角空格，所以这个定义无法被识别
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style type="text/css">
.main{ width:1002px; margin:0 auto; color:red; }
.one{color:red; }
.two{color:blue;}
</style>
</head>
<body>
<p>一种都不使用</p>
<p class="one">只使用第一种</p>
<p class="two">只使用第二种</p>
<p class="one two">同时使用两种class，同时使用</p>
<p>一种都不使用</p>
</body>
没问题了！
.main{ width:1002px; margin:0 auto; color:red; }
.one{color:red; }
.two{color:blue;}
</style>
</head>
<body>
<p>一种都不使用</p>
<p class="one">只使用第一种</p>
<p class="two">只使用第二种</p>
<p class="one two">同时使用两种class，同时使用</p>
<p>一种都不使用</p>
</body>
没问题了！
追问
是什么原因？我看到的区别是，你加了，但是我把你的代码靠过来，即便去掉，也正常，但是拷贝我的代码运行，就是不行，是为什么？
追答
.two{color:blue;} 这句前边有全角空格的原因，识别不了
window->preferences->general->Editors->Text Editors 里的Show whitespace characters勾上
就能看到全角空格和半角空格，就不会犯这种错误啦！
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
