[英]CSS first-child and overflow
我有一个不工作“第一个孩子”的问题。 我想将圣诞树顶部设为红色,因此第一个div.main必须是带有红色背景的div。
另一个问题是,如果我将这棵树的高度设置为70以上,则下一个字符位于下一行,但在这种情况下,希望将该div保持在一行上并滚动它。
抱歉,英文名称不是Variables
<html>
<head>
<style>
div.center {
border:2px solid black;
display:block;
}
div.main{
display:inline-block;
color:green;
}
div.main:first-child {
background-color:red
}
</style>
</head>
<body>
<form action="choinka.php" method="GET">
wysokość: <input type="text" name="tak">
<input type="submit" value="dawaj">
</form>
<?php
$tak = $_GET['tak'];
echo " wysokosc to: $tak";
echo '<div class="center>";
for($wysokosc = $_GET['tak']; $wysokosc >= 0;$wysokosc--){
echo "<br>";
for($szerokosc = 0; $szerokosc <= $wysokosc ; $szerokosc++){
echo " "; //spacja szerokosc 1em
if($szerokosc == $wysokosc)
for($znaki = $_GET['tak']; $znaki >= $wysokosc ; $znaki--){
echo '<div class="main">  ⊗</div>';
}
}
};
echo "</div><br><br>";
?>
请尝试div.main:first-of-type
,而不是div.main:first-child
,你可以看到环追加<br></br>
之前main
和:first-child
得到<br>
的第一个孩子。 这将达到目的。Check Image
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.