Here you go:

&lt;!-- language: lang-css --&gt;

    .question_actions {
	   float: right; 
	   font-size: 1em;
	   width: 110px; 
	    
	   .question_action {
		   margin-bottom:8px;
		   padding: 3px;
	   }
	
	   &amp;.active {
		//some css
       }
    }

I have a scrapy project which contains multiple spiders.
Is there any way I can define which pipelines to use for which spider? Not all the pipelines i have defined are applicable for every spider.

Thanks


How can I use different pipelines for different spiders in a single Scrapy project

I have a string that contains invalid XML characters. How can I escape (or remove) invalid XML characters before I parse the string?

Escape invalid XML characters in C#

So, i need a style for

    .question_actions.active

my existing CSS

&lt;!-- language: lang-css --&gt;

    .question_actions {
        float: right;
        font-size: 1em;
        width: 110px; 
    }
    .question_action {
        margin-bottom: 8px; 
        padding: 3px;
    }
    .question_actions.active {
        /* some CSS */
    }
      
what would be the syntax to combine them? 


Sass - two classes in a single tag

So, i need a style for
<pre><code class="hljs">.question_actions.active
</code></pre>
my existing CSS

<pre><code class="hljs language-css">.question_actions {
 float: right;
 font-size: 1em;
 width: 110px; 
}
.question_action {
 margin-bottom: 8px; 
 padding: 3px;
}
.question_actions.active {
 /* some CSS */
}
 
</code></pre>
what would be the syntax to combine them?

Consider the following example: ([live demo][1])

HTML:

    &lt;div&gt;div&lt;/div&gt;
    &lt;iframe&gt;&lt;/iframe&gt;

CSS:

    div, iframe {
        width: 100px;
        height: 50px;
        margin: 0 auto;
        background-color: #777;
    }

Result:

![enter image description here][2]

Why the `iframe` is not centrally aligned like the `div`? How could I centrally align it?


  [1]: http://jsfiddle.net/wYNSu/
  [2]: http://i.stack.imgur.com/d82gb.png

How to center an iframe horizontally?

I tried `word-wrap: break-word;`, but it separates lines mid word.

How do I make a text go onto the next line if it overflows?

I have some HTML:

    &lt;div align=&quot;center&quot; style=&quot;border:1px solid red&quot;&gt;
    This is some text in a div element!
    &lt;/div&gt;

The Div is changing the spacing on my document, so I want to use a span for this instead.

But span is not centralizing the contents:

    &lt;span style=&quot;border:1px solid red;align=center&quot;&gt;
    This is some text in a div element!
    &lt;/span&gt;

How do I fix this?



EDIT:

My complete code:

    &lt;html&gt;
    &lt;body&gt;
    
    &lt;p&gt;This is a paragraph. This text has no alignment specified.&lt;/p&gt;
    
    &lt;span style=&quot;border:1px solid red;text-align=center&quot;&gt;
      This is some text in a div element!
    &lt;/span&gt;
    
    &lt;/body&gt;
    &lt;/html&gt;



HTML span align center not working?

I am trying to resize an img with a percentage of itself. For example, I just want to shrink the image by half by resizing it to 50%. But applying `width: 50%;` will resize the image to be 50% of the container element (the parent element which maybe the `&lt;body&gt;` for example). 

Question is, can I resize the image with a percentage of itself without using javascript or server side? (I have no direct information of the image size) 

I am pretty sure you cannot do this, but I just want to see whether there are intelligent CSS only solution. Thanks!

CSS image resize percentage of itself?

I want to make an html table with the top row frozen (so when you scroll down vertically you can always see it). 

Is there a clever way to make this happen without javascript?

Note that I do NOT need the left column frozen. 

Freeze the top row for an html table only (Fixed Table Header Scrolling)

AS the title says I am trying to check whether a variable is defined in SASS. (I am using compass if that makes any different difference)

I&#39;ve found the Ruby equivalent which is:

&lt;pre&gt;&lt;code&gt;defined? foo&lt;/code&gt;&lt;/pre&gt;

Gave that a shot in the dark but it just gave me the error:

`defined&quot;: expected &quot;{&quot;, was &quot;?`

I&#39;ve found a work around (which is obviously just to define the variable in all cases, which in this case it actually makes more sense) but I&#39;d really like to know if this is possible for the future



Checking if a variable is defined in SASS

I&#39;m trying to use string interpolation on my variable to reference another variable:

&lt;!-- language: lang-scss --&gt;

    // Set up variable and mixin
    $foo-baz: 20px;
    
    @mixin do-this($bar) {
        width: $foo-#{$bar};
    }

    // Use mixin by passing &#39;baz&#39; string as a param for use $foo-baz variable in the mixin
    @include do-this(&#39;baz&#39;);

But when I do this, I get the following error:

&gt; Undefined variable: &quot;$foo-&quot;.

Does Sass support PHP-style variable variables?

Creating or referencing variables dynamically in Sass

I want to have one variable that contains the root path to all my images in my CSS file. I can&#39;t quite figure out if this is possible in pure Sass (the actual web project is not RoR, so can&#39;t use asset_pipeline or any of that fancy jazz).

Here&#39;s my example that doesn&#39;t work. On compile it balks at first instance of variable in the background url property saying (`&quot;Invalid CSS after &quot;..site/background&quot;: expected &quot;)&quot;`).

Defining the function to return the path:

    //Vars
    $assetPath : &quot;/assets/images&quot;;
    
    //Functions
    @function get-path-to-assets($assetPath){
      @return $assetPath;
    }

Using the function:

    body {
      margin: 0 auto;
      background: url($get-path-to-assets/site/background.jpg) repeat-x fixed 0 0;
      width: 100%; }

Any help would be appreciated.



Have a variable in images path in Sass?

Is there a way to run:

 `sass --watch a.scss:a.css`

but have `a.css` end up being minified?

How would I avoid having to run a separate minification step as I compile my stylesheet?

sass --watch with automatic minify?

I&#39;m trying to combine the use of a Sass variable with @media queries as follows:

    $base_width:1160px;

    @media screen and (max-width: 1170px) {$base_width: 960px;}
    @media screen and (min-width: 1171px) {$base_width: 1160px;}

`$base_width` is then defined at various points in the stylesheet width percentage-based measurements to produce fluid layouts.

When I do this, the variable seems to be recognized properly but the conditions for the media query are not.  For example, the above code produces an 1160px layout regardless of screen width.  If I flip-flop the @media statements like so:

    @media screen and (min-width: 1171px) {$base_width: 1160px;}
    @media screen and (max-width: 1170px) {$base_width: 960px;}

It produces a 960px layout, again regardless of screen width.  Also note that if I remove the first line of `$base_width: 1160px;` it returns an error for an undefined variable.  Any ideas what I&#39;m missing?

Content Type	Original Author	Original Content on Stackoverflow
Question	meow	View Question on Stackoverflow
Solution 1 - Css	Rito	View Answer on Stackoverflow

Sass - two classes in a single tag

Css Problem Overview

Css Solutions

Solution 1 - Css

Escape invalid XML characters in C#

How can I use different pipelines for different spiders in a single Scrapy project

Attributions