Javascript-форум (https://javascript.ru/forum/)
-   (X)HTML/CSS (https://javascript.ru/forum/xhtml-html-css/)
-   -   заменить текст на сайте через псевдоэлемент :before (https://javascript.ru/forum/xhtml-html-css/52440-zamenit-tekst-na-sajjte-cherez-psevdoehlement-before.html)

maxim96 19.12.2014 12:20

заменить текст на сайте через псевдоэлемент :before
 
Хочу заменить текст на сайте через псевдоэлемент ":before", к сайту доступа нет, есть предложения как скрыть старый текст?

Код:

<div id="bar">
    <ol>
        <li id="nws">
            <a href="/" class="left">
                <span class="left_label">Новости за 24 часа</span>
            </a>
        </li>
    </ol>
</div>

Код:

#bar .left_label:before{content:"Новости 24"}

Aetae 19.12.2014 15:43

maxim96, куча способов. font-size:0; / dispay:inline-block; width:0; итд.

maxim96 19.12.2014 16:20

Не могли бы вы мне помочь, показать пример, через display:inline-block, а какие еще есть, спасибо большое)

а и да через width если один элемент, а там много и все разного размера, через font-size не совсем подходит

Aetae 19.12.2014 16:46

<style>
  #bar .left_label{font-size:0}
  #bar .left_label:before{content:"Новости 24";font-size:13pt} 
</style>
<div id="bar">
  <ol>
    <li id="nws">
      <a href="/" class="left">
        <span class="left_label">Новости за 24 часа</span>
      </a>
    </li>
  </ol>
</div>

maxim96 19.12.2014 16:55

через font-size не подходит, display:inline-block можно


Часовой пояс GMT +3, время: 10:03.