Re: [css-d] a img tag being overwritten?

[Karl DeSaulniers]

CSS = Cascading Style Sheets

Cascading from top to bottom. 
What comes "after" will always override unless "important" or inline. 

Best,
Karl

Sent from losPhone

> On Sep 11, 2014, at 8:45 AM, John <j...@coffeeonmars.com> wrote:
> 
> 
>> On Sep 10, 2014, at 7:31 PM, Karl DeSaulniers <k...@designdrumm.com> wrote:
>> 
>> Yep, just tested this theory and it worked for me.
>> Wrap your images you dont want a border on in a div and put this css.
> 
>> CSS
>> img:only-child {
>>    border-bottom:0px dotted rgb(0,0,0) !important;
>> }
>> HTML ------------------------------
>> …
> 
>> <div><!-- ADDED THIS HERE, NOW IMG IS ONLY CHILD-->
>> <img 
>> src="http://www.coffeeonmars.com/170_su/client/wp-content/themes/coffee-on-mars-2014/images/illus.jpg";
>>  width="270" height="270" alt="web thumbnail">
>> </div>
> 
> Karl - this worked beautifully..thank you! I will have to remember that 
> technique in future…
> 
> I wonder if I’d be better off killing ALL this link border treatment except 
> where I want it, or whether I’d simply have the same problem, in reverse.
> 
> If there’s a selector that says border:0;   but later in the css there is 
> another selector that says border:1px; wouldn’t that later selector overwrite 
> the first?
> 
> Thank you!
> ______________________________________________________________________
> css-discuss [css-d@lists.css-discuss.org]
> http://www.css-discuss.org/mailman/listinfo/css-d
> List wiki/FAQ -- http://css-discuss.incutio.com/
> List policies -- http://css-discuss.org/policies.html
> Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/