SyntaxFix

[css] Is there a CSS selector for text nodes?

You cannot target text nodes with CSS. I'm with you; I wish you could... but you can't :(

If you don't wrap the text node in a <span> like @Jacob suggests, you could instead give the surrounding element padding as opposed to margin:

HTML

<p id="theParagraph">The text node!</p>

CSS

p#theParagraph
{
    border: 1px solid red;
    padding-bottom: 10px;
}

Examples related to css

• need to add a class to an element • Using Lato fonts in my css (@font-face) • Please help me convert this script to a simple image slider • Why there is this "clear" class before footer? • How to set width of mat-table column in angular? • Center content vertically on Vuetify • bootstrap 4 file input doesn't show the file name • Bootstrap 4: responsive sidebar menu to top navbar • Stylesheet not loaded because of MIME-type • Force flex item to span full row width

Examples related to css-selectors

• Angular 2: How to style host element of the component? • How to click a href link using Selenium • How do I apply a style to all children of an element • How to write a CSS hack for IE 11? • :last-child not working as expected? • Need to find element in selenium by css • jQuery select child element by class with unknown path • How do I select an element that has a certain class? • What is the difference between cssSelector & Xpath and which is better with respect to performance for cross browser testing? • What is the mouse down selector in CSS?