Databases
StackOverflow2013
Postsdbo
POSass: Dealing with the IE 4095 selectors per stylesheet restriction
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
    primarykey
    data
    text
    <p><em>Note: This question refers to a Rails project with Sass &amp; Compass. Using the Rails Asset Pipeline? Then have a look at <a href="https://stackoverflow.com/questions/12126118/rails-asset-pipeline-solution-for-ie-4096-selector-stylesheet-limit/">this question</a>.</em></p> <p>We are developing a big application with many use cases and many individually styled pages, partly for multiple contexts. Which simply means a lot of style information. </p> <p>With the newest section of our application, we have broken Internet Explorer's limit of 4095 selectors per stylesheet. (Want a proof of this limitation? <a href="http://marc.baffl.co.uk/browser_bugs/css-selector-limit/" rel="nofollow noreferrer">http://marc.baffl.co.uk/browser_bugs/css-selector-limit/</a>)</p> <p>Okay. So, why do we not simply split the application style sheet into multiple ones by design?</p> <p>Well, mixins and selector inheritance will not work across multiple Sass files (not partials), right?</p> <p>I'd say the quality of the stylesheets is rather good, we cannot optimize away the exceeding amount of selectors. (There is rather more to come.) I also believe that minimizing the amount of selectors should not be our primary optimization goal. The Sass core team advises to use selector inheritance instead of mixins where applicable in order to save CSS file size. By doing so, the number of selectors tends to grow though.</p> <p>So what should I do?</p> <p>I am thinking about writing a script that generates additional css files, partitioning my big application.css file. These would only be loaded in IE then (so that I don't have multiple requests in modern browsers). I would need a simple css parser for that in order to cut the application.css file after max. 4095 selectors at a valid position. And I would need an compass compile - after hook so that developers don't need to generate the IE files by hand in order to test it.</p> <p>Please, tell me, that you got a better idea!</p> <p>Best, Christian</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. UScrispy
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
      1. This table or related slice is empty.
      1. VTUpMod
    1. COHave you tried using @import in your CSS to get around the 4095 cap? (Shouldn't it be 4096?)
      singulars
      1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
      1. USLastCoder
    2. COIn Sass, you @import partials that become part of a large CSS file. And yes, it's 2^12 - 1.
      singulars
      1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
      1. UScrispy
    3. CODon't forget that IE also has a limit on the number of CSS files (31, I think), so if you're splitting the file, beware of that also.
      singulars
      1. POSass: Dealing with the IE 4095 selectors per stylesheet restriction
      1. USSpudley
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload