Форум

Deff · #1 (**permalink**) 06.07.2015, 19:02

Есть тег p такого вида

<p>
<br/>
Тут текст <br/>
Ещё текст ...
</p>

и такого:

<p>
Тут текст <br/>
Ещё текст ...
</p>

Задача - по возможности убить c помощью css тег (oтступ) в начале первой строки визуально; (не убивая , которые могут быть далее по тексту) Теги как первого так и второго типа на странице расположены произвольно (как кол-во так и последовательность)

EmperioAf · #2 (**permalink**) 06.07.2015, 19:11

p:first-line{
  line-height:0;
}

EmperioAf · #3 (**permalink**) 06.07.2015, 19:24

а можно проще:

p br:first-child {
    display: none;
}

Deff · #4 (**permalink**) 06.07.2015, 19:28

EmperioAf,
1. Есть и теги без в первой строке
2. В псевдо элементе :first-line допустимы только изменения правил для правил font и line-height

Проверка:

<!DOCTYPE html>
  <html>
   <head>
<style>
body{
 margin:0;
 padding:0;
}
p {
  border:blue solid 1px;
}
p:first-line{
  line-height:0;
}
</style>
    </head>
<body>
<!-- Вариант-1 тега <p> -->
<p>
    <br/>
Тут текст - 1 <br>
Еще текст
</p>

<!-- Вариант-2 тега <p> -->
<p>
Тут текст - 2 <br>
Еще текст
</p>


</body>
  </html>

EmperioAf · #5 (**permalink**) 06.07.2015, 19:36

не понял, почему нельзя написать так:

p *:first-child {
  display: none;
}

?

Deff · #6 (**permalink**) 06.07.2015, 19:37

EmperioAf,
Для второго тега - убъётся перевод строки

рони · #7 (**permalink**) 06.07.2015, 19:40

Deff,

<!DOCTYPE html>
  <html>
   <head><meta charset="utf-8">
<style>
body{
 margin:0;
 padding:0;
}
p {
  border:blue solid 1px;
}
p > br{
   display: none;
}
</style>
    </head>
<body>

<p>
    <br/>
Тут текст - 1
</p>


<p>
Тут текст - 2 <br>
Еще текст
</p>
</body>
  </html>

рони · #8 (**permalink**) 06.07.2015, 19:42

Deff,
или надо так?

<!DOCTYPE html>
  <html>
   <head><meta charset="utf-8">
<style>
body{
 margin:0;
 padding:0;
}
p {
  border:blue solid 1px;
}
p:first-of-type > br{
   display: none;
}
</style>
    </head>
<body>

<p>
    <br/>
Тут текст - 1
</p>


<p>
Тут текст - 2 <br>
Еще текст
</p>
</body>
  </html>

Deff · #9 (**permalink**) 06.07.2015, 19:44

рони, поставил бы + (2-й твой) Если б мог
Но теги (как Вариантов 1, так и 2) рандомно разбросаны по странице, хитрость не проходит

EmperioAf · #10 (**permalink**) 06.07.2015, 19:53

Сообщение от Deff

Но теги (как Вариантов 1, так и 2) рандомно разбросаны по странице, хитрость не проходит

почему нельзя тегам задать класс ?

Форум

Справочник

Discord чат

Курсы javascript