Привет.
Как-то странно показывается такой код (Sciter 3.3.2.11):
<html>
<head>
<title></title>
<style>
@const BORDER_COLOR: #b8b8b8;
@const BORDER: 1px solid @BORDER_COLOR;
.section > h3 {
border-top: @BORDER;
box-shadow: inset 0 1px 0 #fff; // 3
background: linear-gradient(top, #e8e8e8, #dadada);
}
.section:first-child > h3 {
margin: 0;
border-top: none; // 1
//box-shadow: inset 0 1px 0 red; // 2
}
</style>
</head>
<body>
<div>
<div.section><h3>Section 1</h3></div>
<div.section><h3>Section 2</h3></div>
</div>
</body>
</html>
У 2 секции почему-то пропадает box-shadow, хотя не должен (в центре).
Без использования ".section:first-child > h3" или если закомментировать строку // 1, то всё рисуется как и ожидается (слева).
Что интересно: если раскомментировать строку // 2, то все рисуется правильно. Но, если вместо неё будет точно такой-же box-shadow (// 3), то опять некорректно отрисовывается.