Senior Member
Join Date: May 2013
Posts: 1,458
|
Quote:
*Shakes finger at Rob* |
|
#81 |
Junior Member
Join Date: Jun 2014
Location: Wisconsin, USA
Posts: 17
|
I've been meaning to make a post asking about these somewhat competing formatting options under Paragraph and Styles.
|
#82 |
Junior Member
Join Date: Jun 2014
Location: Wisconsin, USA
Posts: 17
|
|
#83 |
Senior Member
Join Date: May 2013
Posts: 1,458
|
CSS question for Parody or anyone who's willing to answer. Regarding the following divisions, is there, generally speaking, a preferred order they should be listed in the CSS file, or does it not matter?
.snippet TABLE {} .snippet TABLE TR {} .snippet TABLE TR TD {} .snippet TABLE TR TD P {} |
#84 |
Senior Member
Join Date: Jan 2013
Location: Rochester, MN
Posts: 1,517
|
Practically: the order doesn't matter for what you're doing here. I generally do the same thing as your example for those sorts of selectors.
Technically: there's an order of precedence and specificity that determines what order CSS rules are applied to matching elements; rules with higher precedence and/or more specificity override earlier ones. Order of appearance in an external CSS file only matters if two selectors have identical precedence and specificity. Last edited by Parody; January 27th, 2017 at 09:50 AM. |
#85 |
Senior Member
Join Date: May 2013
Posts: 1,458
|
Quote:
Code:
<td class="RWSnippet" style="background-color:#8B0000;... Code:
.snippet {--main-background-color:white;} .snippet P {background-color:var(--main-background-color);} .snippet TABLE {background-color:var(--main-background-color);} .snippet TABLE TR {background-color:var(--main-background-color);} .snippet TABLE TR TD {background-color:var(--main-background-color);} .snippet TABLE TR TD P {background-color:var(--main-background-color);} In the TABLE TR TD P section, I had him change the background-color to transparent, and that worked. So that was unexpected ... to me anyway. Like I said, I'm still learning. :-) |
|
#86 |
Senior Member
Join Date: Oct 2014
Location: Chicago, IL
Posts: 1,690
|
Was the it rendered white or was the code fore the element color white? If it was just rendered white that could be a browser thing. Different browsers handle CSS differently.
my Realm Works videos https://www.youtube.com/channel/UCZU...4DwXXkvmBXQ9Yw |
#87 |
Senior Member
Join Date: Jan 2013
Location: Rochester, MN
Posts: 1,517
|
There's a <p> inside of an element with "snippet" as one of its classes, which matches your ".snippet p" selector. It doesn't matter how deep the containment hierarchy goes:
Code:
<div class="snippet"> <p>This matches.</p> <div class="whatever"> <p>As does this.</p> <table><tr><td><p>And this too.</p></td></tr></table> </div> </div> <p>But not this.</p> Let's take a step back. Your goal is to not have a background-color for the text in the cell and let the cell's background-color show through. The term for that for background-colors is "transparent". It's also the default, which is usually specified in CSS with "initial". Something like this might work for you: Code:
.snippet { background-color: white; } .snippet p { /* default formatting for regular paragraphs */ } .snippet table { /* default table formatting */ } .snippet table p { /* reset the background color */ background-color: transparent; } Note that this is only needed because something is overriding the default. If your ".snippet p" selector doesn't include a background-color, then you don't need to override it for tables containing <p>s. The less you specify, the better. :) FWIW, if you want a selector that means "only <p>s directly contained inside an element with the 'snippet' class", you could try try ".snippet + p". Also you don't need to use <p>s inside of <td>s or <th>s, so if there's only one <p> in a cell or header you could strip it. Last edited by Parody; January 27th, 2017 at 02:25 PM. |
#88 |
Senior Member
Join Date: May 2013
Posts: 1,458
|
Quote:
So guess what I've been working on... That's the thanks I get for helping him out. Jerk. ;-p |
|
#89 |
Senior Member
Join Date: Jan 2013
Location: Rochester, MN
Posts: 1,517
|
Yeah, that's a little bit more of a pain. I've been working on a tool to unpack MHT files (think "web site saved as an email with attachments") which has to deal with the same thing.
|
#90 |
|
|