Свойство CSS для встроенного содержимого - PullRequest
Новая
       4

Свойство CSS для встроенного содержимого

2 голосов
/ 19 ноября 2009

Можно ли использовать CSS-свойство 'content' с помощью встроенного CSS-кода примерно так: 

<p class="myclass" style=".myclass:after:content = 'my content here'">Hello There !!</p>

Ответы [ 5 ]

7 голосов
/ 19 ноября 2009

Нет. Встроенные стили через атрибут style можно применять только к элементу context без каких-либо селекторов.

1 голос
/ 24 июля 2012

Давайте предположим, что OP хотел генерировать встроенный стиль динамически. Вот фрагмент php-кода (из написанного мной представления yii), который использует свойство label модели данных как атрибут id и содержимое css: 

$content = "<div id='".strtr($model->label,' ','_')."'><style type='text/css'>#"
. strtr($model->label,' ','_').":before {content: '".$model->label."';}</style>" 
. $this->renderPartial( '//team/_tree', array( 'models' => $model->teams ), true )
. "</div>\n" ;
1 голос
/ 19 ноября 2009

Вы не можете использовать селекторы в атрибутах стиля, поэтому я бы сказал нет.

Вы все еще можете поместить стиль в html-файл, например, так: 

<style type="text/css">
    .myclass:after { content: 'my content here'; }
</style>
...
<foo class="myclass">Hello There!!</foo>
1 голос
/ 19 ноября 2009

Я думаю, вы имеете в виду что-то вроде этого: 

<html>
  <head>
    <style>
      .myclass:after {
        content: "my content here";
      }
    </style>
  </head>
  <body>
    <p class="myclass">Hello There</p>
  </body>
</html>
0 голосов
/ 19 ноября 2009

Существует рабочий чертёж для Синтаксис правил CSS в атрибуте HTML "style" .

Если он работает как в WD, вы можете сделать что-то вроде: 

<p class="myclass" style="{color: #C00; font-weight: bold} :after {content: 'my content here'}">Hello There !!</p>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...