Как задать first-letter для нескольких p с разными классами?

Question

[Sasha WM]

Есть сайт из нескольких страниц.Так вот на одной из них всем p нужно задать first-letter.Как правильно сделать чтоб на других страницах p не изменились.Через группировку классов не получилось,да и заводить новый класс для каждой p как-то не вариант...Как быть,помогите?

Answer 1

[Орхан Гасанлы]

Можно добавить ID к род. классу текущей страницы, а далее использовать #myID p:first-letter{}

Если это сайт на Wordpress, то каждая страница на уровне тега body имеет свой уникальный селектор можно использовать его.. ну или использовать условные теги ВП. is_page() например

Comments

[Sasha WM]

А использовать id для стилей это нормально?вроде где-то читал,что считается нехорошим тоном такое использование.Что id лучше использовать для ссылок...

[Орхан Гасанлы]

Александр Мураховский, используйте

[alex]

Александр Мураховский,

А использовать id для стилей это нормально?

нормально

считается нехорошим тоном

все верно

id лучше использовать для ссылок

ага. кстати класс тоже подходит для ссылок, так же как и селктор по атрибуту, или по псевдо-элементу, или вообще любой селектор, который только придумать сможете, да и не только для ссылок, а вообще для любого элемента на странице.

а лучше вообще больше практики. и такие глупые вопросы (вы пока не понимаете, что он глупый), как использование id в стилях, у вас будут появляться все меньше, зато будет понимание того, что селектор по id это просто один из миллиарда способов выбрать элемент на странице и когда его стоит использовать, а когда нет. а пока на вашем месте я бы послушал товарища сверху.

Answer 2

[Олег]

Как вариант)

var urlS = ["http://my_site.ru/","http://my_site.ru/page1","http://my_site.ru/page3"];//нужные страницы
var blockP = document.getElementsByTagName('p');
var pColor=["red","blue","green"];
for(var i=0;i<urlS.length;i++){
    if(window.location.href==urlS[i]){
       for(j=0; j<blockP.length;j++)
       blockP[j].style.background=pColor[i];
    }
}