Question

我为这个页面设计了样式，但我似乎无法访问.4thForm或.3rdForm来设置样式。当屏幕尺寸低于1024px时，这些元素会相应地移动，因此我可以访问这些元素。

我测试了@media电话，我可以用它改变颜色.frontbannertitle，所以我知道它不是媒体电话。使用检查器我可以编写元素来实现我想要的，但它不会让我生成一个css元素来设置它。

我需要编辑此div以为其提供负的margin-top值，因为无法通过定位div中的select来实现。

<form class="frontbannercontainer form-horizontal">
    <fieldset class="frontbanner">
        <h1 class="frontbannertitle">Enquire Now!</h1>
        <div class="control-group">
            <div class="controls">
                <input id="textinput1" class="frontbannertext input-xlarge" type="text" name="textinput">
            </div>
        </div>
        <div class="control-group">
            <div class="controls">
                <input id="textinput2" class="frontbannertext input-xlarge" type="text" name="textinput">
            </div>
        </div>
        <div class="control-group">
            <div class="controls 3rdForm">
                <input id="textinput3" class="frontbannertext input-xlarge" type="text" name="textinput">
            </div>
        </div>
        <div class="control-group">
            <div class="controls 4thForm">
                <select id="selectbasic" class="frontbannerselect input-xlarge" name="selectbasic">
                    <option selected="selected" disabled="disabled" value="0">Select Membership</option>
                    <option value="1">Individual Membership</option>
                    <option value="2">Corporate Membership</option>
                </select>
            </div>
        </div>
        <div id="SliderFormPhone">
            <span id="ques">Enquire By Phone:</span>
            <span id="ph">(02) 000 000</span>
        </div>
        <div class="control-group">
            <div class="controls">
                <button id="singlebutton" class="frontbannerbutton btn btn-primary" name="singlebutton">Apply!</button>
            </div>
        </div>
    </fieldset>
</form>

谢谢！

Answer 1

的 DEMO

在您的情况下.4thForm
，您无法启动带有数字的课程
将其更改为.Form4th

Answer 2

我认为您不能将“3rdForm”用作有效的类选择器。第一个字符不能是数字。

请参阅此SO answer。

我将“thirdForm”作为一个类添加到你的小提琴中，并且能够正确地设计它。所以我假设这是问题。

Answer 3

你需要添加特殊字符＆＃34; \ 3＆＃34;像下面这样访问这个类..

.\34thform{
display:none;    
margin-top:-7em;
  }

以下示例jsfiddle ... http://jsfiddle.net/P49ja/4/

无法使用css设置某个div的样式

3 个答案:

的 DEMO