Имя: Пароль:
IT
Веб-мастеринг
HTML, CSS: Объясните почему тут крупные буквы?
,
0 D_Pavel
 
03.08.16
22:09
<style>div:first-line{color: grey;}</style>
<div><h1>AAA</h1></div>
<div>BBB</div>


В хроме этот код выглядит как два заголовка, то есть слово BBB такими же большими буквами как заголовок ААА. В IE и в EDGE все нормально. В чем ошибка?
1 Звездец
 
03.08.16
22:11
в наследовании и различной обработке стилей разными браузерами

твой пример кода ниочем
2 D_Pavel
 
03.08.16
22:13
что там чем наследуется? Разве так должно быть?
3 Garykom
 
гуру
03.08.16
22:15
CSS как расшифровывается? Что означает расшифровка?
4 Звездец
 
03.08.16
22:15
ты бы лучше выложил куда-нибудь что бы была возможность посмотреть. Мало ли что ты там наваял

Твой кусок кода ниочем не говорит в (0)
5 Звездец
 
03.08.16
22:15
(3) ты шо, теорию и документацию читать предлагаешь?
6 D_Pavel
 
03.08.16
22:16
(4) Если тебе ни о чем не говорит, подождем когда в темку зайдет человек которому он что-то говорит
7 D_Pavel
 
03.08.16
22:17
(3) Это стили.
8 Garykom
 
гуру
03.08.16
22:20
(7) Ну а дятлы это птицы и ничего более да?
9 Звездец
 
03.08.16
22:21
(6) а что по твоему должны мы понять из твоего кода

1 строка: определен стиль, который никому не назначен
2 строка: опять же блок и в нем заголовок без указания каких-либо стилей
3 строка: просто текст в блоке

Если у тебя это выглядит иначе, нежели как дефолт, значит стили определены где-то в другом месте
10 Звездец
 
03.08.16
22:21
(7) ты вообще какой раз CSS и HTML видишь?
11 Fram
 
03.08.16
22:22
а каким боком стиль, указанный в (0), к крупным буквам?
12 Звездец
 
03.08.16
22:23
(11) вот и я этот вопрос задаю, но автор ждет провидцев-телепатов
13 Garykom
 
гуру
03.08.16
22:25
(9) По п.1 http://www.w3schools.com/cssref/sel_firstline.asp
https://developer.mozilla.org/ru/docs/Web/CSS/::first-line

определен цвет для первого встреченного DIV'а причем как CSS2 синтаксис
14 Звездец
 
03.08.16
22:28
(13) ну да, тоже посмотрел что такое first-line, реально никогда не использовал сам и не видел что бы кто-то использовал. Но опять же это свойство к величине букв не имеет никакого отношения
15 D_Pavel
 
03.08.16
22:33
(8) Не думаю.
16 Звездец
 
03.08.16
22:34
(15) и не думай. По существу вопроса скажешь чего нибудь учитывая написанное выше?
17 D_Pavel
 
03.08.16
22:35
(10) явно в больший раз чем ты, раз ты думаешь что стиль никому не назначен. Если не шаришь то лучше не пытайся показаться умным.
18 D_Pavel
 
03.08.16
22:36
(11) Ну а я что спросил в (0)?
Друзья, читайте внимательнее вопрос.
19 Звездец
 
03.08.16
22:37
(17) ты жалуешься на величину букв, в твоем коде указан только цвет в стилях => стили назначены где-то в другом месте
20 D_Pavel
 
03.08.16
22:38
(13) Абсолютно не верно ты перевел.
21 D_Pavel
 
03.08.16
22:39
(19) Нет, в другом месте не назначены.
22 Звездец
 
03.08.16
22:41
(21) не правда. Все в хроме отрабатывает корректно. Проверено!

<html>
    <body>
        <style>div:first-line{color: grey;}</style>
<div><h1>AAA</h1></div>
<div>BBB</div>
    </body>
</html>


выложи у себя, и сам все увидишь
23 D_Pavel
 
03.08.16
22:42
(22) то же самое, ничего не изменилось
24 Garykom
 
гуру
03.08.16
22:44
(23) есть туча сервисов проверки html/css в разных браузерах воспользуйся плиз
25 Звездец
 
03.08.16
22:46
(23) ты ссылку покажешь сегодня или нет? я же полагаю у тебя не только эти пять строк в файле?
26 D_Pavel
 
03.08.16
22:46
(24) с html и css все нормально. Они элементарные.

http://screencast.com/t/zzmZmz5FgV
27 Fram
 
03.08.16
22:48
(22) у меня криво как и у ТС. комментишь стиль и все норм. глюк Хрома
28 Звездец
 
03.08.16
22:49
29 Звездец
 
03.08.16
22:50
(28) не то
вот https://yadi.sk/i/8wm68wf_ttsZu
30 Звездец
 
03.08.16
22:51
31 D_Pavel
 
03.08.16
22:52
(27) Инфа 100%? Может не глюк хрома, а неоднозначность в коде?
32 D_Pavel
 
03.08.16
22:52
(30) Вот так и должно быть. Какой хром?
33 Звездец
 
03.08.16
22:54
(32) 51.0.2704.103 m
34 D_Pavel
 
03.08.16
22:55
(33) у меня тоже, но сейчас он обновления качает.
35 D_Pavel
 
03.08.16
22:56
52.0.2743.116 m
36 D_Pavel
 
03.08.16
22:56
Но все равно глюк остался
37 Звездец
 
03.08.16
22:58
почисть кеш
38 Garykom
 
гуру
03.08.16
22:58
(36) Угу остался, игнорит first-line напрочь
39 Звездец
 
03.08.16
22:59
(38) почему это игнорит? шрифт серый все норм. Вопрос в том, почему вторая строка такая большая
40 Garykom
 
гуру
03.08.16
23:02
(39) он серый зараза не тока в 1-м div'е
41 Garykom
 
гуру
03.08.16
23:03
42 Звездец
 
03.08.16
23:03
(40) first-line не первый див, а первая строка


добавь например ААА</br>CCC
43 Garykom
 
гуру
03.08.16
23:05
(42) Да блин у меня все что в div серое ))

http://pastenow.ru/U2LB
44 Garykom
 
гуру
03.08.16
23:05
(43)+

<html>
<body>
<style>DIV::first-line{color: grey;}</style>
<div><h1>AAA</h1></div>
<h1>AAA</h1>
<div>BBB</div>
BBB
</body>
</html>
45 Garykom
 
гуру
03.08.16
23:07
(42) с <br> абсолютно аналогично такие же цвета только промежутки больше
http://pastenow.ru/U2LJ
46 Звездец
 
03.08.16
23:08
https://yadi.sk/i/lyNR4d3-tttug


<html>
    <body>
        <style>div:first-line{color: red;}</style>
<div><h1>AAA</h1></div>
<div>BBB</br>CCC</div>
    </body>
</html>
47 Garykom
 
гуру
03.08.16
23:09
(46) хочешь сказать 1-я строка внутри каждого div'а? а не 1-й div сам?
48 Звездец
 
03.08.16
23:09
(47) ага
49 Garykom
 
гуру
03.08.16
23:11
(48) ну как бы "of every" да пропустил, беглое чтение аглицкого пока хромает ((
50 Звездец
 
03.08.16
23:13
(49) вообще, порядок блоков в современной верстке как таковой не существует, потому как position может все порушить до неузнаваемости
51 Garykom
 
гуру
03.08.16
23:17
(50) Порядок вывода/рендеринга то остается
52 Звездец
 
03.08.16
23:19
(51) вывода да, только порядок наследования и место отображения от этого зависеть уже совершенно не будет. И разницы от этого вывелся блок первым или последним никакой не будет
53 D_Pavel
 
04.08.16
05:38
Так что, нет способа вылечить эту ошибку?
54 D_Pavel
 
04.08.16
11:48
нужно исправить только в одном месте чтобы во всех других местах не возникала эта ошибка.

Как сделать?
55 D_Pavel
 
04.08.16
11:55
Сам разобрался. Заказчик доволен. Темку можно закрыть.
Выдавать глобальные идеи — это удовольствие; искать сволочные маленькие ошибки — вот настоящая работа. Фредерик Брукс-младший