小编Yam*_*ona的帖子

隐藏具有特定类的第一个div

我想隐藏(display:none)带有.leftAddress类的第一个div

这是css

fieldset .leftAddress:first-of-type{
    display:none;
}
Run Code Online (Sandbox Code Playgroud)

这是html

<fieldset>
    <div class="alert forward"><span class="coming"><strong>NOTE:</strong></span> A maximum of 5 address book entries allowed.</div>
    <div class="leftAddress">Any</div>
    <div class="leftAddress"> 
        <!--Insert-->
        <h3 class="addressBookDefaultName">Harry Testing</h3>
    </div>
    <div class="leftAddress"> 
        <!--Insert-->
        <h3 class="addressBookDefaultName">Heba ElZany</h3>
    </div>
    <div class="leftAddress"> 
        <!--Insert-->
        <h3 class="addressBookDefaultName">Yamen Shahin&nbsp;(primary address)</h3>
    </div>
    <div class="leftAddress"> 
        <!--Insert-->
        <h3 class="addressBookDefaultName">Yamen2 Shahin2</h3>
    </div>
    <div class="leftAddress"> 
        <!--Insert-->
        <h3 class="addressBookDefaultName">Yamen3 Shahin3</h3>
    </div>
</fieldset>
Run Code Online (Sandbox Code Playgroud)

正如你所看到的那样:first-of-type,但它似乎无法正常工作.我在这里错过了什么?我也尝试过:nth-​​of-type(1)http://jsfiddle.net/arns7/4/它不起作用.所以这个解决方案对我来说不适用于带有类的第一个元素的CSS选择器

html css css-selectors css3

5
推荐指数
1
解决办法
3194
查看次数

如何通过动态参考angular2传递元素?

我在ngFor循环中有元素。每个元素都像这样获得参考#f{{floor}}b。如您所见,floor是一个变量。我想将这些元素传递给函数。码:

<button #f{{floor}}b (click)="onClick(f{{floor}}b)"></button>
Run Code Online (Sandbox Code Playgroud)

我试过了,但它只传递了这样的字符串,f5b而不是元素本身:

<button #f{{floor}}b (click)="onClick('f'+floor+'b')"></button>
Run Code Online (Sandbox Code Playgroud)

完整代码:

<div *ngFor="let floor of floors">
  <button #f{{floor}}b (click)="onClick('f'+floor+'b')"></button>
</div>
Run Code Online (Sandbox Code Playgroud)

floor是一个数字,floors是一个数字数组。

javascript typescript angular

4
推荐指数
1
解决办法
2036
查看次数

选择删除下拉箭头 - 跨浏览器

我的代码适用于所有浏览器,除了IE.我设置了选择,但无法删除默认箭头IE.简单的代码:HTML

<form>
<label for="selectitem">Food Favorites</label>
<select id="selectitem">
    <option>Choose...</option>
    <option value="italian">Italian</option>
    <option value="japanese">Japanese</option>
    <option value="mexican">Mexican</option>
    <option value="vietnamese">Vietnamese</option>
</select>
</form>
Run Code Online (Sandbox Code Playgroud)

CSS代码:

form {
    position: relative;
    top: 50px;          
}

form * {
    -webkit-appearance: none;
    -moz-appearance: none;
    background: transparent;
    behavior: url(PIE.htc);
}

select, option {
    border: none;
    background: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    padding: 0;
    margin: 0;
}
    body {
    background: #666;
}

form {
    position: relative;
    width: 340px;
    margin: 0 auto;
    font-weight: bold;
    color: #DDD;
}

select …
Run Code Online (Sandbox Code Playgroud)

html css forms select

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×2

html ×2

angular ×1

css-selectors ×1

css3 ×1

forms ×1

javascript ×1

select ×1

typescript ×1