css ставим стили для последних букв

235

13 сентября 2017, 11:07

Можно ли с помощью CSS для последних 4 букв в <p> установить свой стиль?

Answer 1

Без js тут точно не обойтись.

Пример:

$("p").lettering();

p span:nth-last-child(1), 
p span:nth-last-child(2), 
p span:nth-last-child(3), 
p span:nth-last-child(4){ 
  color:red; 
}

<script src="https://code.jquery.com/jquery-2.2.4.js"></script> 
<script src="https://cdnjs.cloudflare.com/ajax/libs/lettering.js/0.7.0/jquery.lettering.min.js"></script> 
   
 <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, dolorem quas? Beatae officiis repellendus quam dignissimos tempora laborum voluptatibus. Iste</p> 
  
  <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Sint, dolorem quas?</p>

Используется плагин lettring.js