Styling text content

Question

I'm making a stylesheet for a subreddit and I'm having an issue styling text.

The markup in this problem is as follows:

<span class="value">
    <span class="number">1</span>em;
</span>

I want to style that em; though I can't use span.number + * for some reason. Is there anyway I can select it without using .value?

You can't use the + selector because the em isn't in another element. It is simply text, which cannot be selected in it of itself in CSS. You would need to either encapsulate it in its own element or style it using a parent element. — Liftoff, Mar 30 '15 at 04:20

score 1 · Answer 1 · answered Mar 30 '15 at 04:12

1

It's not a child of the number class. It's a sibling since it's sitting outside of the inner span.

.value is the closest you can get to that particular text.

answered Mar 30 '15 at 04:12

xengravity

I know it's a sibling. That's why I used `+` and not `>`. – Spedwards Mar 30 '15 at 04:22
1

+ can only be used on elements. plain text is not an element. – xengravity Mar 30 '15 at 04:24

score 0 · Answer 2 · answered Mar 30 '15 at 04:19

0

Try this way. use pseudo class :after or use another element contain the em.

.number:after{
  content: 'em';
  color: #c33;
  }

<span class="value">
    <span class="number">1</span>
</span>

answered Mar 30 '15 at 04:19

Todd Mark

score -1 · Answer 3 · answered Mar 30 '15 at 04:18

-1

You may have to use another span class surrounding the em; if you are unable to modify it using .value

answered Mar 30 '15 at 04:18

Kinburn101

Three answers and three down-votes hmm... – Kinburn101 Mar 30 '15 at 04:40
Because they all say I have to encase the text in another element or removing one. I can't do this being Reddit. – Spedwards Mar 30 '15 at 06:03
1

I'm not familiar with Reddit so unless you are able to tweak .value and not mess up the rest of your layout you may be stuck. No how bout that up-vote ;) – Kinburn101 Mar 30 '15 at 06:10
In Reddit all you can do is post very strict markdown and css. Just for future reference. – Spedwards Mar 30 '15 at 11:13

3 Answers3