我想隐藏(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 (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选择器
我在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是一个数字数组。
我的代码适用于所有浏览器,除了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)