This question already has answers here: Sass .scss: Nesting and multiple classes? (6 answers) Closed 6 years ago. How can I use the :before and :after pseudo-element selectors following the syntax of Sass or, alternatively, SCSS? Like this: p margin: 2em auto > a color: red :before content: “” :after content: “* * *” Of … Read more
This should be simple, but I’m having trouble finding the search terms for it. Let’s say I have this: <div class=”a c”>Foo</div> <div class=”b c”>Bar</div> In CSS, how can I create a selector that matches something that matches “(.a or .b) and .c”? I know I could do this: .a.c,.b.c { /* CSS stuff */ … Read more
I want to apply a CSS rule to any element whose one of the classes matches specified prefix. E.g. I want a rule that will apply to div that has class that starts with status- (A and C, but not B in following snippet): <div id=’A’ class=”foo-class status-important bar-class”></div> <div id=’B’ class=”foo-class bar-class”></div> <div id=’C’ … Read more
I’m currently working on a project where I have no control over the HTML that I am applying CSS styles to. And the HTML is not very well labelled, in the sense that there are not enough id and class declarations to differentiate between elements. So, I’m looking for ways I can apply styles to … Read more
This question already has answers here: Can you add line breaks to the :after pseudo element? (4 answers) Closed 3 years ago. I’m wondering if the following is possible. I know it doesn’t work, but maybe I’m not writing it in the correct syntax. li.first div.se_bizImg:before{ content: “<h1>6 Businesses Found <span class=”headingDetail”>(view all)</span></h1>”; } Any … Read more
<div class=”commentList”> <article class=”comment ” id=”com21″></article> <article class=”comment ” id=”com20″></article> <article class=”comment ” id=”com19″></article> <div class=”something”> hello </div> </div> I want to select #com19 ? .comment { width:470px; border-bottom:1px dotted #f0f0f0; margin-bottom:10px; } .comment:last-child { border-bottom:none; margin-bottom:0; } That does not work as long as I do have another div.something as actual last child in … Read more
I have component in Angular 2 called my-comp: <my-comp></my-comp> How does one style the host element of this component in Angular 2? In Polymer, You would use “:host” selector. I tried it in Angular 2. But it doesn’t work. :host { display: block; width: 100%; height: 100%; } I also tried using the component as … Read more
This question already has answers here: Is there a CSS selector for elements containing certain text? (19 answers) Closed 2 years ago. Is there a way to select an element in css based on element text? ie: li[text=*foo] <li>foo</li> <li>bar</li> That probably doesn’t work. Edit: Also only need to support Chrome. 3 Answers 3
If I have a header tag <h1 class=”hc-reform”>title</h1> h1.hc-reform{ float:left; font-size:30px; color:#0e73bb; font-weight:bold; margin:10px 0px; } and after that I have a paragraph <p>stuff here</p>. How can I ensure using CSS that every <p> tag that follows the h1.hc-reform to use: clear:both; would that be: h1.hc-reform > p{ clear:both; } for some reason that’s not … Read more
This question already has answers here: Detecting IE11 using CSS Capability/Feature Detection (18 answers) Closed 7 years ago. How can I hack or write css only for IE 11? I have a website that looks bad in IE 11.I just search here and there but didnt find any solution yet. Is there any css selector? … Read more
