CSS: есть ли способ вставить содержимое атрибута в виде текста в мои выходные данные? - PullRequest
Новая
       19

CSS: есть ли способ вставить содержимое атрибута в виде текста в мои выходные данные?

0 голосов
/ 16 октября 2018

Обычно CSS работает путем сопоставления имен элементов в HTML: p.heading1 {} влияет на все элементы типа p с заголовком класса 1.

Есть ли способ отобразить объект / текст, который существует только как атрибут?

Например, это мой HTML: 

<body var="text I want to insert">
    <div class="titlepage"> 
        <p class="titlepagetext">this should also be displayed</p>

Титульная страница содержит <p> дочерних элементов.В дополнение к ним я хочу отобразить содержимое body / var на титульном листе.

Ответы [ 3 ]

0 голосов
/ 16 октября 2018

Возможно, вы рассмотрите переменные CSS .Пользовательское свойство будет унаследовано всеми элементами внутри тела, и вы можете использовать псевдоэлемент, чтобы отобразить его там, где вы хотите: 

.titlepage:before {
  content:var(--var);
}
<body style="--var:'text I want to insert'">
  <div class="titlepage">
    <p class="titlepagetext">this should also be displayed</p>
  </div>
</body>
0 голосов
/ 17 октября 2018

AH Formatter имеет функцию расширения -ah-attr-from(), которая позволит вам получить содержимое атрибута предка (см. https://www.antennahouse.com/product/ahf66/ahf-ext.html#attr-from).

. Вы можете использовать -ah-attr-from() в правиле для .titlepagetext::before.

0 голосов
/ 16 октября 2018

Когда вы используете css, вы не можете указывать родителя.Нет способа получить родительский селектор.И содержание: "" может применяться только для псевдоклассов.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Похожие темы

...