title: Struggled with some unknown css-overriding issues by "inline"
body: <p>I have recently a css-overriding problem with kind of "unknown" reason.</p>
  
  <p>The background:</p>
  
  <p>I have constructed a website which contains a table with three columns and in the middle column is a map constructed with help of openlayers, the other columns just show some Infos to the map/layers.</p>
  
  <p>The Problem:</p>
  
  <p>I have all the css under control until I set a popover with jQuery to show some map informations. The popover it self works well but at the moment the popover-window shows, all the css-styles for the whole table change without a reason (e.g. font-size for the table, text-aglin, etc.).</p>
  
  <p>When I check which document has overridden my css, it shows the html tag "tbody" would be changed by "inline" like the picture below:</p>
  
  <p><a href="https://i.stack.imgur.com/jlH7g.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jlH7g.png" alt="tbody changed by &quot;inline&quot;and can&#39;t be overridden"></a></p>
  
  <p>But I don't even have a tbody Tag in my html, which i am sure and I also don't write any inline style css which may could have been the reason.</p>
  
  <p>The original codes are too long to post hier so I just want to ask:</p>
  
  <ol>
  <li><p>In the picture, I tried to override the font-size by give the  tag a class, the debug-tool shows that my css style has the first priority but the font-size is still 11.2px not what I defined 14 px. How is that possible?</p></li>
  <li><p>Even I don't have a tbody tag in my html. The tbody tag will be styled by "Inline", what is Inline here actually (If I click the "inline", it shows me ol.css and it contains no usefull information) and how is the possible?</p></li>
  </ol>