CSS first-child и overflow

У меня проблема с неработающим «первым ребенком». Я хочу сделать вершину елки красной, поэтому сначала div.main должен быть div с красным фоном.CSS first-child и overflow

И еще одна проблема заключается в том, что если я задаю величину высоты этого дерева более 70, следующий символ будет в следующей строке, но вы хотите, чтобы этот div находился в строке и прокручивал его в этом случае.

Извините за не английское название переменных

<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 "&#8195"; //spacja szerokosc 1em 
if($szerokosc == $wysokosc) 
    for($znaki = $_GET['tak']; $znaki >= $wysokosc ; $znaki--){ 
     echo '<div class="main">&#8195 &#8855</div>'; 
    } 
} 
}; 
echo "</div><br><br>"; 
?>

источник

2015-10-15 Hartag96

Пожалуйста, попробуйте div.main:first-of-type вместо div.main:first-child, как вы можете видеть цикл добавляет символ <br></br> перед тем main и :first-child получить <br> в качестве первого ребенка. Это сделает трюк Check Image

источник

2015-10-15 17:29:04

Спасибо, ты это работа :) – Hartag96

Не упоминайте, что брата. Выберите ответ для других. –

CSS first-child и overflow

ответ

Смежные вопросы