设置样式的问题

css
css3

2017-04-08 78 views 0 likes

我有一个使用<select>元素的下拉列表。对于我在页面上放置这个下拉列表的位置，我只希望该页面的列表受到样式的影响，所以我给select元素上的一个'posts'类。设置样式的问题

在我的样式表，我有：

.posts select 
{ 
    margin-left: 40px 
}

它不工作，除非我删除。员额。为什么？

这里的元素：

<select class="form-control posts" (change)="reloadPosts({ userId: u.value })" #u> 
     <option value="">Select a user...</option> 
     <option *ngFor="#user of users" value="{{ user.id }}"> 
      {{ user.name }} 
     </option> 
    </select>

来源

2017-04-08 user3020047

做这个'select.posts'而不是 – LGSon

你在寻找'select.posts'而不是'.posts select'吗？ –

可能是重复的http://stackoverflow.com/questions/10036156/whats-the-difference-between-css-classes-foo-bar-without-space-and-foo-bar – repzero

回答

.posts select目标一select为元素的孩子具有类.posts

HTML样品，其中.posts select工作

div { 
 
    background: lightblue; 
 
} 
 

 
.posts select { 
 
    margin-left: 40px; 
 
}

<div class="posts"> 
 
    <select> 
 
    <option>Select a value</option> 
 
    </select> 
 
</div

你的情况，你应该做这样的，select.posts，其目标具有类posts

确实注意到一个select，不应该有空间select之间.posts

HTML样品，其中select.posts工作

div { 
 
    background: lightblue; 
 
} 
 

 
select.posts { 
 
    margin-left: 40px; 
 
}

<div> 
 
    <select class="posts"> 
 
    <option>Select a value</option> 
 
    </select> 
 
</div

来源

2017-04-08 18:56:13 LGSon

设置样式的问题

回答

相关问题