Цвет Первое слово Предложению CSS

я пытался окрасить только первое слово предложенияЦвет Первое слово Предложению CSS

<div class="logoS">Title Of The Page</div>

CSS, которые я использую это

.logoS{ 
    padding: 0px; 
    float: left; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    color: white; 
    border:solid 1px black; 
    font-weight: bold; 
    font-size: 22px; 
} 

.logoS::nth-word(1) { 
    margin-right: 20px; 
}

я просто хочу, чтобы цвет «TITLE» не другие слова любое решение

источник

2014-08-29 Juanid Farooq

Я не думаю, что есть CSS решение. Вам нужно будет использовать javascript. – JanR

Похожие темы - http://stackoverflow.com/questions/7440572/css-bold-first-word – Harry

Селектор для первого слова отсутствует (за исключением того, что вы можете обернуть первое слово в элементе и обратиться к нему). На этом существует несколько существующих вопросов. –

Попробуйте это, надеюсь, это поможет.

.logoS:before { 
 
    color: red; 
 
    content: "Title "; 
 
}

<div class="logoS">Of The Page</div>

источник

2014-08-29 04:04:37 user3835327

Я не сделал этого, сэр, я знаю, кто сделал это, извините за это. –

Я выбираю свой ответ, он очень помогает. –

. Добро пожаловать. juanid Farooq Спасибо @drneel за редактирование моей ошибки, имя класса было неправильным в css. – user3835327

Используйте пролет с предпочтительным стилем для первого слова, как

<div class="logoS"><span class="spanstyle">Title </span>Of The Page</div> 

// CSS 
.spanstyle { 
    color:blue; 
}

Проверьте это link. Существует :first-letter и :first-line, но нет :first-word.

источник

2014-08-29 03:56:56 Jenz

Да, я знаю, что это возможно, но я хочу сделать это с помощью техники CSS3, например: first-word –

Ваша проблема в том, что вы предполагаете, что у CSS3 есть такая функция. – BoltClock

У CSS нет этой функции, вероятно, вы читаете этот блог, который аргументирует такую функцию: http://css-tricks.com/a-call-for-nth-everything/ – JanR

Используйте тег span, таким образом, он не запустит новую строку. Например:

<div class="logoS"><span id="title">Title</span> Of The Page</div>

, а затем в вашем CSS просто добавить:

#title{ 
color: red 
}

Надеется, что это работает!

источник

2014-08-29 03:57:01

сэр, есть ли какие-либо причины, чтобы сделать это через :: первое слово? –

У CSS нет этой функции, вероятно, вы читаете этот блог, который аргументирует такую функцию: css-tricks.com/a-call-for-nth-everything – JanR

Есть: первая буква и: первая строка, но нет: первое слово (MDN Search). Просто заверните свое первое слово в элемент. Fiddle exmaple

<div class="logoS"><span id="first-word">Title</span> Of The Page</div> 

.logoS{ 
    padding: 0px; 
    float: left; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    color: blue; 
    border:solid 1px black; 
    font-weight: bold; 
    font-size: 22px; 
} 

#first-word { 
    margin-right: 20px; 
    color: red; 
}

Или вы можете использовать JavaScript (вот example), но если вы посмотрите на код, все, что он делает это обернуть первое слово в пролете и добавить класс.

источник

2014-08-29 03:57:58 drneel

Код

<div class="logoS"><span id="first">Title</span> Of The Page</div> 

.logoS{ 
    padding: 0px; 
    float: left; 
    font-family: 'Open Sans', Helvetica, Arial, sans-serif; 
    color: blue; 
    border:solid 1px black; 
    font-weight: bold; 
    font-size: 22px; 
} 

#first { 
    margin-right: 20px; 
    color: red; 
}

источник

2014-08-29 04:02:13

Цвет Первое слово Предложению CSS

ответ

Смежные вопросы