2015-11-27 2 views
0

Попытка выбрать определенный блок текста в div с использованием атрибута CSS.Выберите текст в div, используя атрибут CSS

Кажется, что нет, никаких других вариантов? Я попытался variences из

.welcome [text~="You are logged in as"]{ 
    display:none; 
} 

HTML-текст

<div id="welcome"> 
    You are logged in as <a href="example.com">Me</a> <b>(</b> <a href="http://example.com/index.php?route=account/logout">Logout</a> <b>)</b>   </div> 
+1

Вы используете селектор _attribute_ для _contents_. Я не думаю, что он может делать то, что вы хотите, и если да, то это, конечно же, не рекомендуется (что, если кто-то исправляет формулировку лишь немного? Или вы хотите немного другое сообщение? Постарайтесь, чтобы ваш CSS был отделен от вашего контента как возможно, поэтому вам не нужно менять оба, если вы хотите изменить только один). – somethinghere

+2

вы не можете выбрать, используя css, пожалуйста, обратитесь к этому описанию для дальнейшего описания http://stackoverflow.com/questions/5688712/is-there-a-css-selector-for-text-nodes –

ответ

4

Вы можете использовать [ ] только для HTML атрибутов (например, идентификатор, класс ...), а не для текста. Для этого вам нужно использовать javascript или что-то еще. Btw, это #welcome, не .welcome :)

1

Вы можете немного изменить HTML, чтобы предназначаться весь текст или его часть:

<div id="welcome"> 
    <span class="target_one">Lorem ipsum dolor sit amet, consectetur adipiscing elit.</span> 
    <span class="target_two">Aenean quis augue gravida, ornare arcu quis, gravida arcu.</span> 
</div> 

Тогда CSS становится достаточно легко:

#welcome .target_one { color:red; } 
#welcome .target_two { color:green; } 
Смежные вопросы