всяка първа буква на думата да е с различен цвят

[dunix]

Здравейте,
искам да направя нещо от сорта:

По - Добре
където П и Д да са с различна цветове

Знам за първата буква може да се ползва това:

[css]p:first-letter {color:#8A2BE2;}[/css]

а на мен ми трябва за всяка първа буква от думата

по възможност със CSS

 

[vinsbg]

Няма да стане това с CSS .. не знам да има вариант

 

[Radko]

Варианта се нарича Javascript.

минаваш го с един regex и подаваш съответните мачнати елементи към функция, в която си ги оцветяваш както искаш, и после concatva-ш отделните части и инсертваш новия стринг.

Наготово няма да ти го правя.

 

[critrate]

Ето ти и начин с PHP

Демо :

<?php
$string = "Lots of words in this string";
$words = explode(" ", $string);
$letters = "";
foreach ($words as $value) {
	$count = strlen($value);
    $letters .= '<font color="red">'.substr($value, 0, 1).'</font>'.substr($value, 1, $count).' ';
}
echo $letters;
?>

 

[deam0n]

JS

[js]
<script>
window.onload = function(){
var elements = document.getElementsByClassName("each-word")
for (var i=0; i<elements.length; i++){
elements.innerHTML = elements.innerHTML.replace(/\b([a-z])([a-z]+)?\b/gim, "<span class='first-letter'>$1</span>$2")
}
}
</script>
[/js]


HTML

<style>
  .first-letter {
    color: red;
  }
</style>
<p class="each-word">Всяка първа буква е червена!</p>

 

[eddyy93]

Ако ползваш български думи, примера със PHP.

Ползвай: mb_substr