Dev Diary: UnCSS Once Again

This has turned into a three part (possibly four) series about my experience with UnCSS. Please read the first article, titled Dev Diary: UnCSS, and then move onto the second article, Dev Diary: UnCSS Continued.

Yesterday I missed something.

.rytl--fluid-width-video-wrapper, .ie8, .iehover does not work. When .rytl--fluid-width-video-wrapper is placed last in the array it finds .ie8 and .iehover. When placed first, it only finds .rytl--fluid-width-video-wrapper. When placed in the middle, it finds both .ie8 and .iehover, but not itself. I missed this error yesterday. So, the results mentioned in the previous article are false. And I’m confused.

/* css */
.rytl--fluid-width-video-wrapper {
 padding:0;
 position:relative;
 width:100%;
}

.rytl--fluid-width-video-wrapper iframe,
.rytl--fluid-width-video-wrapper object,
.rytl--fluid-width-video-wrapper embed {
 height:100%;
 left:0;
 position:absolute;
 top:0;
 width:100%;
}

uncss --ignore /.ie8, .iehover, .rytl--fluid-width-video-wrapper/ --stylesheets '/GridFramework/v0.4/css/normalize.css, /GridFramework/v0.4/css/gridcss-desktop.css, /GridFramework/v0.4/css/gridcss-mobile.css, css/styles.css' http://test.cp.ad.test.com/feature/viewer-live-demo.asp> styles.css

Could it be the double dashes in the CSS selector? If it is, I’m thinking the problem is occurring before it gets here. (Wild guess.)

/**
 * Parse selector.
*/

function selector() {
    var m = match(/^([^{]+)/);
    if (!m) return;
    /* @fix Remove all comments from selectors
     * http://ostermiller.org/findcomment.html */
    return trim(m[0])
      .replace(/\/\*([^*]|[\r\n]|(\*+([^*/]|[\r\n])))*\*\/+/g, '')
      .replace(/"(?:\\"|[^"])*"|'(?:\\'|[^'])*'/g, function(m) {
        return m.replace(/,/g, '\u200C');
      })
      .split(/\s*(?![^(]*\)),\s*/)
      .map(function(s) {
        return s.replace(/\u200C/g, ',');
      });
  }

Are double dashes being converted to a zero width non-joiner (or an em dash then zero width non-joiner perhaps) before it gets to this function? Though, I’m not sure how to test this theory.

I have a feeling I’m completely wrong and tomorrow I will find an answer. See you then.

Update: Read UnCSS Day 4 to see if the problem can be found.