什么是';分区';在我的css代码中是什么意思?
很长一段时间以来,我在输入框右侧显示按钮时遇到问题。在某些计算机上,它可以工作,但在其他计算机上,在不同的分辨率下,它会隐藏在输入框下,因此用户甚至看不到它 我的代码类似于(在Rails中使用simple_表单): 我只是好奇那个“div”是什么意思?比如说,什么是';分区';在我的css代码中是什么意思?,css,html,Css,Html,很长一段时间以来,我在输入框右侧显示按钮时遇到问题。在某些计算机上,它可以工作,但在其他计算机上,在不同的分辨率下,它会隐藏在输入框下,因此用户甚至看不到它 我的代码类似于(在Rails中使用simple_表单): 我只是好奇那个“div”是什么意思?比如说, .form-inline { display: inline-block; margin-top: 5px; } 不起作用。我认为“div”是你放在标记代码中的东西,比如无论什么,而不是css中。只是好奇…这个
.form-inline {
display: inline-block;
margin-top: 5px;
}
不起作用。我认为“div”是你放在标记代码中的东西,比如
无论什么,而不是css中。只是好奇…这个意味着使用.forminline
类的元素中的所有div元素。它们不需要是.forminline
元素的子元素。他们只需要在里面
以此为例:
<form class="form-inline">
<div>a</div>
<div>b</div>
<p>Some text <div>d</div></p>
</form>
<div>c</div>
A.
B
一些文字是d
C
div
s“a”、“b”和“d”将被格式化div
“c”将不可用。它将该组规则分配给.form inline
元素中的任何div,而不是.form inline
本身。代码中的div是CSS选择器的一部分
在简单的英语中,它意味着选择具有.form inline类的任何元素/标记,然后选择作为该元素的decentant的所有div,并应用以下规则
display: inline-block;
margin-top: 5px;
在本例中,您使用的是子体选择器
两个简单选择器之间的空间称为组合
您可以使用很多css选择器。你可以在这里找到它们:
。form inline div
选择器意味着将此规则应用于每个div
,它是类为form inline
的任何元素的后代
例如:
<my-elem class="form-inline">
<another-type />
<div>I'll get this CSS rule</div>
<something-else>
<div>I'll get this CSS rule too</div>
</something-else>
</my-elem>
我会得到这个CSS规则
我也会得到这个CSS规则
CSS中的HTML元素名称没有前缀,例如class(带.dot)或id(带#hash)。我建议您自学CSS选择器。这是一个叫做。对不起,我不知道Stackoverflow是为这样一个精英团队准备的。克里斯托夫,看起来马蒂确实是想帮忙。我可以理解它是如何以不同的方式解读的,但我建议从表面上看他的评论和建议。那么,很抱歉。我问一个真正的问题得到了-3票,这似乎很奇怪。编辑:事实上,它已恢复到0。我现在知道“div”是什么意思了。谢谢别为他们担心,伙计。他们只是认为拥有高知名度给了他们这样的权利。只需通读链接就可以更好地理解CSS+我只是想否定一下,谢谢你的回答,我饶有兴趣地读了一遍。不幸的是,我只能接受1个答案,所以这将是第一个答案,其他答案我将接受+1。干杯
display: inline-block;
margin-top: 5px;
<my-elem class="form-inline">
<another-type />
<div>I'll get this CSS rule</div>
<something-else>
<div>I'll get this CSS rule too</div>
</something-else>
</my-elem>