<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:atom="http://www.w3.org/2005/Atom" xmlns:content="http://purl.org/rss/1.0/modules/content/"><channel><title>Css on BAFM</title><link>https://christian.blog.pakiheim.de/tags/css/</link><description>Recent content in Css on BAFM</description><generator>Hugo -- 0.160.1</generator><language>en</language><lastBuildDate>Sat, 16 Aug 2014 09:47:42 +0000</lastBuildDate><atom:link href="https://christian.blog.pakiheim.de/tags/css/index.xml" rel="self" type="application/rss+xml"/><item><title>Cascading Style Sheets are really weird</title><link>https://christian.blog.pakiheim.de/posts/2014-08-16_cascading-style-sheets-are-really-weird/</link><pubDate>Sat, 16 Aug 2014 09:47:42 +0000</pubDate><guid isPermaLink="false">http://blog.barfoo.org/?p=628</guid><description>&lt;p&gt;So here I was, sitting around and thinking about formatted classes for my paragraphs. Now the result is quite pleasing, but has some side effects. But see for yourself &amp;hellip;&lt;/p&gt;
&lt;figure&gt;
&lt;img loading="lazy" src="https://christian.blog.pakiheim.de/uploads/2008/07/screenshot-p-elements.gif"
alt="Messed up CSS" width="500"/&gt; &lt;figcaption&gt;
&lt;p&gt;Messed up CSS&lt;/p&gt;
&lt;/figcaption&gt;
&lt;/figure&gt;
&lt;p&gt;As you can see, the browser is reusing the background-image URL from the &lt;!-- raw HTML omitted --&gt; element within the &lt;!-- raw HTML omitted --&gt; element, even though the &lt;!-- raw HTML omitted --&gt; element initially had none. Even defining putting an background-image: none; into the &lt;!-- raw HTML omitted --&gt; class doesn&amp;rsquo;t get me anywhere.The weird thing is only Firefox is displaying it this messed up (not so weird when you think about how IE 6 treats standards). So if any of you CSS wiz&amp;rsquo; got a suggestion, I&amp;rsquo;m listening &amp;#x1f604;&lt;/p&gt;</description></item></channel></rss>