Форум программистов, компьютерный форум, киберфорум
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.60/5: Рейтинг темы: голосов - 5, средняя оценка - 4.60
0 / 0 / 0
Регистрация: 14.12.2016
Сообщений: 3
1

Text-decoration и вложенность тэгов

09.01.2017, 17:30. Показов 885. Ответов 8
Метки нет (Все метки)

CSS
1
2
div.ws {color:#000000; text-decoration:underline}
.ws a {text-decoration:none; color:#FF0000}
HTML5
1
2
3
<div class="ws"> 
  <h3>Влияние лунного света</h3>
  <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p>
почему color:#FF0000 работает, а text-decoration:none - нет

здесь нагляднее
0

Помощь в написании контрольных, курсовых и дипломных работ здесь.

Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
09.01.2017, 17:30
Ответы с готовыми решениями:

text-decoration
Всем привет! Возникла проблема с толщиной подчеркивания: в FF и IE нормальная толщина,а в Chrome...

Не применяет text-decoration: none
Добрый день! Делаю верстку письма и столкнулся с такой проблемой - в яндекс-почте никак не могу...

не работает text-decoration none
Здравствуйте уважаемые форумчане, столкнулся с такой вот проблемой, не работает &quot;text-decoration:...

Не убирается text-decoration?
Всем добрый вечере. Каждый раз сталкиваюсь с такой проблемой. Вот все, что есть HTML и CSS: ...

8
1292 / 870 / 477
Регистрация: 23.08.2015
Сообщений: 2,308
09.01.2017, 23:27 2
fakss, text-decoration не наследуется. Данное свойство влияет на все элементы следующего уровня, но не переопределяет родителя, а лишь добавляет к нему новое оформление. (!important тоже не поможет);
1
35 / 36 / 23
Регистрация: 31.05.2014
Сообщений: 131
09.01.2017, 23:29 3
Вот оно что, спасибо!
0
Эксперт HTML/CSS
2953 / 2540 / 1065
Регистрация: 15.12.2012
Сообщений: 9,517
Записей в блоге: 10
10.01.2017, 00:51 4
Цитата Сообщение от sad67man Посмотреть сообщение
Данное свойство влияет на все элементы следующего уровня, но не переопределяет родителя, а лишь добавляет к нему новое оформление. (!important тоже не поможет);
Да ну...?

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <style>
        div.ws {
          color: #000000;
          text-decoration: underline
        }
 
        .ws a {
          text-decoration: none;
          display:inline-block;
          color: #FF0000
        }
    </style>
</head>
<body>
    <div class="ws">
        <h3>Влияние лунного света</h3>
        <p><a href="pages/mont/vk.html">на рост бараньих рогов</a></p>
    </div>
</body>
</html>
1
1292 / 870 / 477
Регистрация: 23.08.2015
Сообщений: 2,308
10.01.2017, 01:10 5
Fedor92, Интересно получается, если прописать display: inline-block, тогда text-decoration родителя не работает.

Добавлено через 2 минуты
Fedor92,
CSS
1
2
3
4
5
6
7
8
div.ws {
  color: #000000;
  text-decoration: overline!important;
}
.ws a {
  display: inline-block;
  color: #FF0000
}
https://jsfiddle.net/vwu31zya/4/
0
0 / 0 / 0
Регистрация: 14.12.2016
Сообщений: 3
10.01.2017, 08:32  [ТС] 6
text-decoration не наследуется. Данное свойство влияет на все элементы следующего уровня, но не переопределяет родителя
Видимо чего-то я недопонимаю:
не наследуется значит не переходит от родителя к следующему уровню? Как не переопределяет если внутри непосредственно div`а как раз все подчеркнуто?

родитель div? ему присвоено подчеркивание - значит все что внутри этого div`а должно быть подчеркнуто?

при этом для тэга а мы делаем исключение: присваиваем ему красный цвет и убираем подчеркивание.
0
1292 / 870 / 477
Регистрация: 23.08.2015
Сообщений: 2,308
10.01.2017, 09:19 7
fakss, «text-decoration» и «inherit»
0
Эксперт HTML/CSS
2953 / 2540 / 1065
Регистрация: 15.12.2012
Сообщений: 9,517
Записей в блоге: 10
10.01.2017, 10:44 8
fakss, суть заключается не в том наследуется свойство или нет - суть заключается в том на какие элементы в вёрстке оно может распространятся... Выдержка из w3c:
The following properties describe line decorations that are added to the content of an element. When specified on or propagated to an inline box, that box becomes a decorating box for that decoration, applying the decoration to all its fragments. The decoration is then further propagated to any in-flow block-level boxes that split the inline (see CSS2.1 section 9.2.1.1). When specified on or propagated to a block container that establishes an inline formatting context, the decorations are propagated to an anonymous inline box that wraps all the in-flow inline-level children of the block container. When specified on or propagated to a ruby box, the decorations are propagated only to the ruby base. For all other box types, the decorations are propagated to all in-flow children.
То есть для того чтобы у дочерних строчных блоков не было подчёркивания, элемент либо выбивается из потока - либо задаются строчно-блочные свойства... По поводу наследования... При полноценном наследовании css - свойства переходят от родительского элемента к дочернему... Если откроете инспектор, то увидите, что text-decoration не наследуются... Можно провести аналогию с z-index... Вы можете задать родителю z-index:1, а дочернему элементу z-index:100, но у дочернего элемента будет всё равно z-index:1, поскольку его значение не может быть больше, чем у родительского блока...

sad67man, насчёт Вашего примера не очень понял, что имелось ввиду...
1
35 / 36 / 23
Регистрация: 31.05.2014
Сообщений: 131
10.01.2017, 12:13 9
Нужно учить англ похоже, чтобы читать спецификацию
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
10.01.2017, 12:13

Заказываю контрольные, курсовые, дипломные работы и диссертации здесь.

«text-decoration» и «inherit»
Доброго времени. Объясните кто-нибудь следующие вопросы по этому: http://jsfiddle.net/nsyumsyv/;...

Text-decoration другим цветом/пунктиром
Как сделать text-decoration другим цветом или пунктиром, знаю много разных вариантов, и бордером, и...

Вложенность тэгов
Не могу обработать вложенность тэгов $isx='&lt;g &quot;12347a&quot;&gt; &lt;gv qwerty/&gt; &lt;gv...

text-decoration onmouseover
Всем привет. У меня такой вопрос - есть код(пример): &lt;script&gt; function test() { ...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
9
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.