Question

三个不同按扭的html代码和CSS样式怎么写？

如图1，下面两个都受到第一个的样式干扰。先改GO，我在其中加了一个.input{｝（不知道为什么前面要加点.），GO按扭就搞好了。现在改收藏职位按扭，不知应该怎么改了。





Answer 1

首先解析一下为什么你的样式会受影响，你是通过给input这个标签名字来设置样式，所有使用到这个标签的地方都会用到这个样式，像这样的情况，你应该给每一个标签都加上一个类名，

例如<input  class="ipt"  type="text" name="">

<input  class="ipt1"  type="text" name="">

这样你设置样式的时候就可以通过类名来区分这两个input的样式，

例如：.ipt{width:200px;}

.ipt1{width:300px;}

你说你的第三个设置了.input就可以了，就是因为你在里面加了两个类名，其中一个类名是input,在前面加点就是类名的写法。加#号就是id的写法，你应该去学习一下css选择器方面的知识，这些是基础来的。

Answer 2

　　外戚与宦官争权，互相攻杀，东汉王朝名存实亡，西凉刺史董卓带兵入京，大肆诛杀，废了汉少帝，立了九岁的汉献帝，自封相国，独掌大权。