try this


    &lt;style&gt;
        [Data-Attribute]:not([Data-Attribute=&quot;&quot;])
        {
            background-color: Red;
        }
    &lt;/style&gt;

# for style false support #

`[{ font: [&quot;sofia&quot;, &quot;slabo&quot;, &quot;roboto&quot;, &quot;inconsolata&quot;, &quot;ubuntu&quot;, false] }]`

    .ql-snow .ql-picker.ql-font .ql-picker-item:not([data-value])::before {
    content: &quot;default&quot;;
    font-family: none !important;}

    .ql-snow .ql-picker.ql-font .ql-picker-label:not([data-value])::before {
    content: &quot;default&quot;;}




I&#39;m trying to publish an MVC website as an Azure webrole.

When I run it locally, everything works fine. 

But once I publish it to Azure and surf to some MVC action, I get this error:

&gt; **Server Error in &#39;/&#39; Application.**
&gt; 
&gt; **Runtime Error**
&gt; 
&gt; **Description: An exception occurred while processing your request.
&gt; Additionally, another exception occurred while executing the custom
&gt; error page for the first exception. The request has been terminated.**

I don&#39;t understand how the error handler can encounter an exception, because errors are handled in the default way:

    public class FilterConfig
    {
        public static void RegisterGlobalFilters(GlobalFilterCollection filters)
        {
            filters.Add(new HandleErrorAttribute());
        }
    }

This is my web.config:

    &lt;?xml version=&quot;1.0&quot;?&gt;
    
    &lt;configuration&gt;
      &lt;configSections&gt;
        &lt;sectionGroup name=&quot;system.web.webPages.razor&quot; type=&quot;System.Web.WebPages.Razor.Configuration.RazorWebSectionGroup, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot;&gt;
          &lt;section name=&quot;host&quot; type=&quot;System.Web.WebPages.Razor.Configuration.HostSection, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot; requirePermission=&quot;false&quot; /&gt;
          &lt;section name=&quot;pages&quot; type=&quot;System.Web.WebPages.Razor.Configuration.RazorPagesSection, System.Web.WebPages.Razor, Version=2.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot; requirePermission=&quot;false&quot; /&gt;
        &lt;/sectionGroup&gt;
      &lt;/configSections&gt;
    
      &lt;system.web.webPages.razor&gt;
        &lt;host factoryType=&quot;System.Web.Mvc.MvcWebRazorHostFactory, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot; /&gt;
        &lt;pages pageBaseType=&quot;System.Web.Mvc.WebViewPage&quot;&gt;
          &lt;namespaces&gt;
            &lt;add namespace=&quot;System.Web.Mvc&quot; /&gt;
            &lt;add namespace=&quot;System.Web.Mvc.Ajax&quot; /&gt;
            &lt;add namespace=&quot;System.Web.Mvc.Html&quot; /&gt;
            &lt;add namespace=&quot;System.Web.Routing&quot; /&gt;
          &lt;/namespaces&gt;
        &lt;/pages&gt;
      &lt;/system.web.webPages.razor&gt;
    
      &lt;appSettings&gt;
        &lt;add key=&quot;webpages:Enabled&quot; value=&quot;false&quot; /&gt;
      &lt;/appSettings&gt;
    
      &lt;system.web&gt;
    		&lt;httpHandlers&gt;
          &lt;add path=&quot;*&quot; verb=&quot;*&quot; type=&quot;System.Web.HttpNotFoundHandler&quot;/&gt;
        &lt;/httpHandlers&gt;
    
        &lt;pages
            validateRequest=&quot;false&quot;
            pageParserFilterType=&quot;System.Web.Mvc.ViewTypeParserFilter, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot;
            pageBaseType=&quot;System.Web.Mvc.ViewPage, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot;
            userControlBaseType=&quot;System.Web.Mvc.ViewUserControl, System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot;&gt;
          &lt;controls&gt;
            &lt;add assembly=&quot;System.Web.Mvc, Version=4.0.0.0, Culture=neutral, PublicKeyToken=31BF3856AD364E35&quot; namespace=&quot;System.Web.Mvc&quot; tagPrefix=&quot;mvc&quot; /&gt;
          &lt;/controls&gt;
        &lt;/pages&gt;
      &lt;/system.web&gt;
    
      &lt;system.webServer&gt;
        &lt;validation validateIntegratedModeConfiguration=&quot;false&quot; /&gt;
    
        &lt;handlers&gt;
          &lt;remove name=&quot;BlockViewHandler&quot;/&gt;
          &lt;add name=&quot;BlockViewHandler&quot; path=&quot;*&quot; verb=&quot;*&quot; preCondition=&quot;integratedMode&quot; type=&quot;System.Web.HttpNotFoundHandler&quot; /&gt;
        &lt;/handlers&gt;
      &lt;/system.webServer&gt;
    &lt;/configuration&gt;

This is Error.cshtml:

    @model System.Web.Mvc.HandleErrorInfo
    
    @{
        ViewBag.Title = &quot;Error&quot;;
    }
    
    &lt;h2&gt;
        Sorry, an error occurred while processing your request.
    &lt;/h2&gt;

What can cause this exception, and why can&#39;t I reproduce it locally?

&quot;An exception occurred while processing your request. Additionally, another exception occurred while executing the custom error page...&quot;

I wrote application for linux which uses Qt5.

But when I am trying to launch it on the linux without Qt SDK installed, the output in console is:

&gt;Failed to load platform plugin &quot;xcb&quot;. Available platforms are:

How can I fix this? May be I need to copy some plugin file?
When I use ubuntu with Qt5 installed, but I rename Qt directory, the same problem occurs. So, it uses some file from Qt directory...

UPDATE:
when I create in the app dir &quot;platforms&quot; folder with the file **libqxcb.so**, the app still doesnot start, but the error message changes:

&gt;Failed to load platform plugin &quot;xcb&quot;. Available platforms are:
&gt;
&gt;xcb

How can this happen? How can platform plugin be available but can&#39;t be loaded?

&quot;Failed to load platform plugin &quot;xcb&quot; &quot; while launching qt5 app on linux without qt installed

Is there a CSS selector that applies to *non-empty* attributes? Using `:not([Data-Attribute=&#39;&#39;])` matches if the attribute is *non-existing*, too. 

I&#39;m looking for something like `[Data-Attribute!=&#39;&#39;]`.

CSS attribute selector for non-empty attributes

Is there a CSS selector that applies to non-empty attributes? Using <code>:not([Data-Attribute=''])</code> matches if the attribute is non-existing, too.
I'm looking for something like <code>[Data-Attribute!='']</code>.

I&#39;m using (the excellent) Font-Awesome in my site, and it&#39;s working fine, if I use it this way:

    &lt;i class=&quot;icon-home&quot;&gt;&lt;/i&gt;
But (for some reasons) I want to use it in the Unicode way, like:

    &lt;i&gt;&amp;#xf015;&lt;/i&gt;
([Font Awesome&#39;s cheatsheet][1])

But it doesn&#39;t work - the browser shows a square instead.

How do I solve this? 
The CSS path is correct (as the first way of using Font Awesome works).

Edit: I do have the FontAwesome.otf installed.

  [1]: http://fortawesome.github.io/Font-Awesome/cheatsheet/

Font Awesome &amp; Unicode

What&#180;s the exact difference between `overflow-wrap`/`word-wrap` and `word-break`?
And can anybody tell me what&#180;s the better one for breaking very long links? Most people say you should use word-break in combination with `overflow-wrap` but it doesn&#39;t look very logical. I think using `overflow-wrap` in combination with `word-wrap` for better cross-browser support is the best method. What do you think?

Difference between overflow-wrap and word-break?

Why use HTML5 semantic tags like `headers`, `section`, `nav`, and `article` instead of simply `div` with the preferred `css` to it?

I created a webpage and used those tags, but they do not make a difference from `div`. What is their main purpose?

Is it only for the appropriate names for the tags while using it or more than that?

Please explain. I have gone through many sites, but I could not find these basics.



Why use an HTML5 semantic tag instead of div?

I have external links in the top menu of my website.

I want to open these links in new tabs. I could achieve it using `target=_blank` in HTML. **Is there a similar CSS property or anything else?**


Add target=&quot;_blank&quot; in CSS

I am looking for CSS/Javascript solution for my HTML page scrolling issue.

I have three divs that contain a div, a header and a wrapper div, 

I need a vertical scrollbar in the wrapper div, height should be auto or 100% based on the content.

The header should be fixed, and I don&#39;t want overall scrollbar so I have given `overflow:hidden` in the body tag,

I need vertical scrollbar in my wrapper div. How can I fix this?

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    body {
      margin: 0;
      padding: 0;
      overflow: hidden;
      height: 100%
    }

    #container {
      width: 1000px;
      margin: 0 auto;
    }

    .header {
      width: 1000px;
      height: 30px;
      background-color: #dadada;
    }

    .wrapper {
      width: 1000px;
      overflow: scroll;
      position: relative;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div id=&quot;container&quot;&gt;

      &lt;div class=&quot;header&quot;&gt;&lt;/div&gt;

      &lt;div class=&quot;wrapper&quot;&gt;
        &lt;p&gt;Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Vivamus porta tortor sed metus. Nam pretium. Sed tempor. Integer ullamcorper, odio quis porttitor sagittis, nisl erat tincidunt massa, eu eleifend eros nibh sollicitudin est. Nulla dignissim.
          Mauris sollicitudin, arcu id sagittis placerat, tellus mauris egestas felis, eget interdum mi nibh vel lorem. Aliquam egestas hendrerit massa. Suspendisse sed nunc et lacus feugiat hendrerit. Nam cursus euismod augue. Aenean vehicula nisl eu quam
          luctus adipiscing. Nunc consequat justo pretium orci. Mauris hendrerit fermentum massa. Aenean consectetuer est ut arcu. Aliquam nisl massa, blandit at, accumsan sed, porta vel, metus. Duis fringilla quam ut eros.&lt;/p&gt;
        &lt;!-- Lots more paragraphs--&gt;
      &lt;/div&gt;

    &lt;/div&gt;

&lt;!-- end snippet --&gt;

Please refer to this [JS Fiddle][1]


  [1]: http://jsfiddle.net/ZcrFr

Overflow Scroll css is not working in the div

I am having trouble with nesting in Sass. Say I have the following HTML:

    &lt;p href=&quot;#&quot; class=&quot;item&quot;&gt;Text&lt;/p&gt;
    &lt;p href=&quot;#&quot; class=&quot;item&quot;&gt;Text&lt;/p&gt;
    &lt;a href=&quot;#&quot; class=&quot;item&quot;&gt;Link&lt;/a&gt;

When I try to nest my styles in the following I get a compiling error:

    .item {
        color: black;
        a&amp; {
            color:blue;
       }
    }

How do I reference a type selector before the parent selector when it is part of the same element?

Sass combining parent using ampersand (&amp;) with type selectors

What is the different between `.class.class` and `.class .class`?

What is the difference between the selectors &quot;.class.class&quot; and &quot;.class .class&quot;?

I am trying to figure out the syntax for selecting a nth-child of an element by its class, however I don&#39;t know the exact path to the element. I can&#39;t do `$(&#39;parent &gt; child &gt; grandchild &gt; hereIam&#39;);`

So basically I need to be able to say 

    $(&#39;#thisElement&#39;).AllRelativesWithClass(&#39;.classToSelect&#39;)

How exactly do I do that?

jQuery select child element by class with unknown path

The issue lies within this CSS and HTML. Here is a [link to jsFiddle][1] with the sample code.

**HTML**

    &lt;ul&gt;
        &lt;li class&quot;complete&quot;&gt;1&lt;/li&gt;
        &lt;li class&quot;complete&quot;&gt;2&lt;/li&gt;
        &lt;li&gt;3&lt;/li&gt;
        &lt;li&gt;4&lt;/li&gt;
    &lt;/ul&gt;

**CSS**

    li.complete:last-child {
        background-color:yellow;
    }
    
    li.complete:last-of-type {
        background-color:yellow;
    }

Shouldn&#39;t either of these lines of CSS target the **last li element with the &quot;complete&quot; class**?

This query in jQuery doesn&#39;t target it either:

    $(&quot;li.complete:last-child&quot;);

But this one does:

    $(&quot;li.complete&quot;).last();

&lt;!-- begin snippet: js hide: true --&gt;

&lt;!-- language: lang-css --&gt;

    li {
      background-color: green;
    }
    li.complete:first-child {
      background-color: white;
    }
    li.complete:first-of-type {
      background-color: red;
    }
    li.complete:last-of-type {
      background-color: blue;
    }
    li.complete:last-child {
      background-color: yellow;
    }

&lt;!-- language: lang-html --&gt;

    &lt;ul&gt;
      &lt;li class=&quot;complete&quot;&gt;1&lt;/li&gt;
      &lt;li class=&quot;complete&quot;&gt;2&lt;/li&gt;
      &lt;li&gt;3&lt;/li&gt;
      &lt;li&gt;4&lt;/li&gt;
    &lt;/ul&gt;

&lt;!-- end snippet --&gt;


  [1]: http://jsfiddle.net/nejj/W8arF/

:last-child not working as expected?

I&#39;m trying to set all the &amp;lt;td&gt; elements of my &amp;lt;tr&gt; to be right-aligned except the first one, which I want to be left-aligned.  I tried this:

    &lt;style&gt;
    td { text-align: right };
    td:first-child { text-align: left };
    &lt;/style&gt;

That makes all cells be right-aligned.  If I swap the order of those two rows, then all cells are left-aligned.  Highly confused.  According to w3schools, 

&gt; The :first-child selector is used to select the specified selector, only if it is the first child of its parent.

But that doesn&#39;t seem to be happening for me.

Content Type	Original Author	Original Content on Stackoverflow
Question	MR.ABC	View Question on Stackoverflow
Solution 1 - Css	sangram parmar	View Answer on Stackoverflow
Solution 2 - Css	Sumit Asagaonkar	View Answer on Stackoverflow

CSS attribute selector for non-empty attributes

Css Problem Overview

Css Solutions

Solution 1 - Css

Solution 2 - Css

for style false support

"Failed to load platform plugin "xcb" " while launching qt5 app on linux without qt installed

"An exception occurred while processing your request. Additionally, another exception occurred while executing the custom error page..."

Attributions