Warning: file_get_contents(/data/phpspider/zhask/data//catemap/6/multithreading/4.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
什么是';分区';在我的css代码中是什么意思?_Css_Html - Fatal编程技术网

什么是';分区';在我的css代码中是什么意思?

什么是';分区';在我的css代码中是什么意思?,css,html,Css,Html,很长一段时间以来,我在输入框右侧显示按钮时遇到问题。在某些计算机上,它可以工作,但在其他计算机上,在不同的分辨率下,它会隐藏在输入框下,因此用户甚至看不到它 我的代码类似于(在Rails中使用simple_表单): 我只是好奇那个“div”是什么意思?比如说, .form-inline { display: inline-block; margin-top: 5px; } 不起作用。我认为“div”是你放在标记代码中的东西,比如无论什么,而不是css中。只是好奇…这个

很长一段时间以来,我在输入框右侧显示按钮时遇到问题。在某些计算机上,它可以工作,但在其他计算机上,在不同的分辨率下,它会隐藏在输入框下,因此用户甚至看不到它

我的代码类似于(在Rails中使用simple_表单):

我只是好奇那个“div”是什么意思?比如说,

.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>