You can follow this pattern:

    a:not([href])
    input:not([type])

The [attribute selector](http://reference.sitepoint.com/css/attributeselector) is used to select elements with the specified attribute.

[`:not`](http://reference.sitepoint.com/css/pseudoclass-not) is supported in all modern browsers and IE9+, if you need IE8 or lower support you&#39;re out of luck.


For links you can simply use:

    a { color: red; }
    a:link { color: green; }

fiddle: http://jsfiddle.net/ZHTXS/ no need for javascript.

For form attributes, use the not attribute pattern noted above `input:not([type])` and if you need to support older versions of IE, I&#39;d probably add a class and use an IE specific style sheet linked with conditional comments.

You can always set different style to a and a href

Check this:
http://jsfiddle.net/uy2sj/

The only solution that worked for me was to place `a:link { }` within my code.

I also tried 

`a:not([href])
input:not([href=&quot;&quot;])
input:not([href~=&quot;&quot;])`

But for a **.scss file** with multiple a tags used as standard code blocks (not my idea), this was the only solution.

I&#39;m developing an electronic invoicing system, and one of our features is generating PDFs of the invoices, and mailing them. We have multiple templates for invoices, and will create more later, so we decided to use HTML templates, generate HTML document, and then convert it to PDF. But we&#39;re facing a problem with wkhtmltopdf, that as far as I know (I&#39;ve been Googleing for days to find the solution) we cannot simply both use HTML as header/footer, and show page numbers in them.

In a bug report (or such) ( http://code.google.com/p/wkhtmltopdf/issues/detail?id=140 ) I read that with JavaScript it is achievable this combo. But no other information on how to do it can be found on this page, or elsewhere.

It is, of course not so important to force using JavaScript, if with wkhtmltopdf some CSS magic could work, it would be just as awesome, as any other hackish solutions.

Thanks!

How to do page numbering in header/footer htmls with wkhtmltopdf?

For some reason, it looks like I cannot pass array of strings as parameter to scriptblock. What am I doing here wrong?

My script which is called from another script:

    param(
        [parameter(Mandatory=$true)]
        [string[]]$myarr
    )

    foreach ($elem in $myarr){
        $elem
    }

I call it from another script as

     $myarr = @(&quot;111&quot;, &quot;222&quot;)
     start-job -filepath myscript.ps1 -arg $myarr

I got only the first item in the array - &quot;111&quot;.


How do I pass an array as a parameter to another script?

I understand that css rules can target elements specified by attribute values, e.g.:

    input[type=&quot;text&quot;] {}

Can I make a rule that targets elements which *omit* a certain attribute?  For example, can I target &lt;a&gt; elements that lack an href or &lt;input&gt; elements that don&#39;t specify a type?

Is there a CSS selector for elements lacking an attribute?

I understand that css rules can target elements specified by attribute values, e.g.:
<pre><code class="hljs language-css">input[type="text"] {}
</code></pre>
Can I make a rule that targets elements which omit a certain attribute? For example, can I target <a> elements that lack an href or <input> elements that don't specify a type?</a><a>
</a>

What is the best way to select all the text between 2 tags - ex: the text between all the  &#39;`&lt;pre&gt;`&#39; tags on the page.

Regex select all text between tags

The code below works well in Safari but in Chrome and Firefox the form will not submit.  Chrome console logs the error `An invalid form control with name=&#39;&#39; is not focusable`.  Any ideas?

Note that whilst the controls below do not have names, they should have names at the time of submission, populated by the Javascript below.  The form DOES work in Safari.

    &lt;form method=&quot;POST&quot; action=&quot;/add/bundle&quot;&gt; 
	&lt;p&gt; 
		&lt;input type=&quot;text&quot; name=&quot;singular&quot; placeholder=&quot;Singular Name&quot; required&gt; 
		&lt;input type=&quot;text&quot; name=&quot;plural&quot; placeholder=&quot;Plural Name&quot; required&gt; 
	&lt;/p&gt; 
	&lt;h4&gt;Asset Fields&lt;/h4&gt; 
    &lt;div class=&quot;template-view&quot; id=&quot;template_row&quot; style=&quot;display:none&quot;&gt; 
        &lt;input type=&quot;text&quot; data-keyname=&quot;name&quot; placeholder=&quot;Field Name&quot; required&gt; 
        &lt;input type=&quot;text&quot; data-keyname=&quot;hint&quot; placeholder=&quot;Hint&quot;&gt; 
        &lt;select data-keyname=&quot;fieldtype&quot; required&gt; 
            &lt;option value=&quot;&quot;&gt;Field Type...&lt;/option&gt; 
            &lt;option value=&quot;Email&quot;&gt;Email&lt;/option&gt; 
            &lt;option value=&quot;Password&quot;&gt;Password&lt;/option&gt; 
            &lt;option value=&quot;Text&quot;&gt;Text&lt;/option&gt; 
        &lt;/select&gt;    
        &lt;input type=&quot;checkbox&quot; data-keyname=&quot;required&quot; value=&quot;true&quot;&gt; Required
        &lt;input type=&quot;checkbox&quot; data-keyname=&quot;search&quot; value=&quot;true&quot;&gt; Searchable
        &lt;input type=&quot;checkbox&quot; data-keyname=&quot;readonly&quot; value=&quot;true&quot;&gt; ReadOnly
        &lt;input type=&quot;checkbox&quot; data-keyname=&quot;autocomplete&quot; value=&quot;true&quot;&gt; AutoComplete
        &lt;input type=&quot;radio&quot; data-keyname=&quot;label&quot; value=&quot;label&quot; name=&quot;label&quot;&gt; Label
        &lt;input type=&quot;radio&quot; data-keyname=&quot;unique&quot; value=&quot;unique&quot; name=&quot;unique&quot;&gt; Unique
        &lt;button class=&quot;add&quot; type=&quot;button&quot;&gt;+&lt;/button&gt; 
        &lt;button class=&quot;remove&quot; type=&quot;button&quot;&gt;-&lt;/button&gt; 
    &lt;/div&gt; 
     
    &lt;div id=&quot;target_list&quot;&gt;&lt;/div&gt; 
        &lt;p&gt;&lt;input type=&quot;submit&quot; name=&quot;form.submitted&quot; value=&quot;Submit&quot; autofocus&gt;&lt;/p&gt; 
    &lt;/form&gt;
    
    &lt;script&gt; 
    function addDiv()
    {
        var pCount = $(&#39;.template-view&#39;, &#39;#target_list&#39;).length;
        var pClone = $(&#39;#template_row&#39;).clone();
        $(&#39;select, input, textarea&#39;, pClone).each(function(idx, el){
            $el = $(this);
            if ((el).type == &#39;radio&#39;){
                $el.attr(&#39;value&#39;, pCount + &#39;_&#39; + $el.data(&#39;keyname&#39;));
            }
            else {
                $el.attr(&#39;name&#39;, pCount + &#39;_&#39; + $el.data(&#39;keyname&#39;));
            };
        });
        $(&#39;#target_list&#39;).append(pClone);
        pClone.show();
    }
     
    function removeDiv(elem){
        var pCount = $(&#39;.template-view&#39;, &#39;#target_list&#39;).length;
        if (pCount != 1)
        {
            $(elem).closest(&#39;.template-view&#39;).remove();
        }
    };
     
    $(&#39;.add&#39;).live(&#39;click&#39;, function(){
        addDiv();
    });
     
    $(&#39;.remove&#39;).live(&#39;click&#39;, function(){
        removeDiv(this);
    });
     
    $(document).ready(addDiv);
     
    &lt;/script&gt;

&quot;Invalid form control&quot; only in Google Chrome

I can set initial text input size in css, like so:

    width: 50px;

But I would like it to grow when I type until it reaches for example 200px.
Can this be done in straight css, html, preferably without javascript?

Do post your js/jquery solutions too of course, but if this is doable without them - that be great.

my try here:

http://jsfiddle.net/jszjz/2/

make html text input field grow as I type?

If I have a input textbox like this:

    &lt;input type=&quot;text&quot; id=&quot;searchField&quot; name=&quot;searchField&quot; /&gt;

How can I set the value of the textfield using javascript or jQuery?

You would think this was simple but I&#39;ve tried the following:

**Using defaultvalue**

    var a = document.getElementById(&quot;searchField&quot;);
    a.value = a.defaultValue;

**Using jQuery**

    jQuery(&quot;#searchField&quot;).focus( function()
    { 
      $(this).val(&quot;&quot;); 
    } );

**Using js**

    document.getElementById(&quot;searchField&quot;).value = &quot;&quot;;

None of them are doing it... :/

Reset textbox value in javascript

I&#39;m trying to build a layout in HTML5 and after reading several different articles I&#39;m just confused. I&#39;m trying to get some input on how it should be used.

Below is the variations I&#39;m going back and forth with:

1) 

    &lt;section id=&quot;content&quot;&gt;
          &lt;h1&gt;Heading&lt;/h1&gt;
          &lt;div id=&quot;primary&quot;&gt;
             Some text goes here...
          &lt;/div&gt;
       &lt;/section&gt;

**Can you use the section tag to act like a container?**

2)

     &lt;div id=&quot;content&quot;&gt;
          &lt;h1&gt;Heading&lt;/h1&gt;
          &lt;section id=&quot;primary&quot;&gt;
             &lt;article&gt;
                &lt;h2&gt;Post Title&lt;/h2&gt;
                &lt;p&gt;Some text goes here...&lt;/p&gt;
             &lt;/article&gt;
          &lt;/section&gt;
          &lt;section id=&quot;primary&quot;&gt;
             &lt;article&gt;
                &lt;h2&gt;Post Title&lt;/h2&gt;
                &lt;p&gt;Some text goes here...&lt;/p&gt;
             &lt;/article&gt;
          &lt;/section&gt;
       &lt;/div&gt;


**What is the correct method to use the `&lt;section&gt;` tag?**

How to correctly use &quot;section&quot; tag in HTML5?

    &lt;html&gt;
        &lt;style type=&quot;text/css&quot;&gt;
            .table   { display: table;}
            .tablerow  { display: table-row; border:1px solid black;}
            .tablecell { display: table-cell; }
        &lt;/style&gt;
        &lt;div class=&quot;table&quot;&gt;
            &lt;div class=&quot;tablerow&quot;&gt;
                &lt;div class=&quot;tablecell&quot;&gt;Hello&lt;/div&gt;
                &lt;div class=&quot;tablecell&quot;&gt;world&lt;/div&gt;
            &lt;/div&gt;
            &lt;div class=&quot;tablerow&quot;&gt;
                &lt;div class=&quot;tablecell&quot;&gt;foo&lt;/div&gt;
                &lt;div class=&quot;tablecell&quot;&gt;bar&lt;/div&gt;
            &lt;/div&gt;
        &lt;/div&gt;
    &lt;/html&gt;


According to my understanding, a black border should be drawn on each of the rows which I&#39;ve specified via tablerow class. But the border doesn&#39;t come up.


And I wanted to change the height of a row. If I specify it with &#39;px&#39; -- it works. But, if I give it with a % -- won&#39;t work.I tried the following 


    .tablerow  { 
        display: table-row;
        border:1px solid black;
        position: relative; //not affecting anything and the border disappears!! 
        //position: absolute; // if this is set,the rows overlaps and the border works
        height: 40%; // works only if specified in px and not in %
    }


Something is going wrong somewhere, but I am not able to understand where. Please help!

css display:table not displaying the border

I have such html:
 

    &lt;legend class=&quot;green-color&quot;&gt;&lt;a name=&quot;section1&quot;&gt;Section&lt;/a&gt;&lt;/legend&gt;

    legend.green-color{
    	color:green;
    }

In my case `Section` looking green, but when i put mouse pointer on it it became looking like an a href, but i want it stay just the same without underline and changing color.

Is it possible to achieve without changing css or with minimum css cahnge?

or may be somehow with jquery?


How to remove underline from a name on hover

I want to create a progress bar like in the below image:

![Progress Bar Example][1]

I have no idea about creating this. Should I use HTML5 techniques?

Would you please give me some help about creating this progress bar?

  [1]: http://i.stack.imgur.com/LBvow.png

Progress Bar with HTML and CSS

How to change the style of child element when there is hover on parent element. I would prefer a CSS solution for this if possible. Is there any solution possible through :hover CSS selectors. Actually I need to change color of options bar inside a panel when there is an hover on the panel.

*Looking to support all major browsers.*




Style child element when hover on parent

How can you select the first and the last `TD` in a row?

    tr &gt; td[0],
    tr &gt; td[-1] {
    /* styles */
    }

How to select first and last TD in a row?

    &lt;div class=&quot;commentList&quot;&gt;
       &lt;article class=&quot;comment &quot; id=&quot;com21&quot;&gt;&lt;/article&gt;
       &lt;article class=&quot;comment &quot; id=&quot;com20&quot;&gt;&lt;/article&gt;
       &lt;article class=&quot;comment &quot; id=&quot;com19&quot;&gt;&lt;/article&gt;
       &lt;div class=&quot;something&quot;&gt; hello &lt;/div&gt;
    &lt;/div&gt;

I want to select `#com19` ?

    .comment {
        width:470px;
        border-bottom:1px dotted #f0f0f0;
        margin-bottom:10px;
    }
    
    .comment:last-child {
        border-bottom:none;
        margin-bottom:0;
    }

That does not work as long as I do have another `div.something` as actual last child in the commentList. Is it possible to use the last-child selector in this case to select the last appearance of `article.comment`?

[jsFiddle](http://jsfiddle.net/C23g6/2/)




How can I select the last element with a specific class, not last child inside of parent?

I just saw a CSS code that included `::before` tag. I looked at [MDN][1] to see what the `::before` is but I really didn&#39;t understand it. 

Can someone explain how it works? 

Does it make a DOM element before what we select by CSS?

  [1]: https://developer.mozilla.org/en/CSS/:before

What is the difference between :before and ::before?

I&#39;ve just discovered Sass, and I&#39;ve been so excited about it. 

In my website I implement a tree-like navigation menu, styled using the [_child combinator_](https://developer.mozilla.org/en-US/docs/Web/CSS/Child_combinator) (`E &gt; F`). 

Is there any way to _rewrite_ this code with a simpler (or better) syntax in Sass?

    #foo &gt; ul &gt; li &gt; ul &gt; li &gt; a {
      color: red;
    }

Content Type	Original Author	Original Content on Stackoverflow
Question	JellicleCat	View Question on Stackoverflow
Solution 1 - Html	thirtydot	View Answer on Stackoverflow
Solution 2 - Html	steveax	View Answer on Stackoverflow
Solution 3 - Html	morsik	View Answer on Stackoverflow
Solution 4 - Html	EGC	View Answer on Stackoverflow

Is there a CSS selector for elements lacking an attribute?

Html Problem Overview

Html Solutions

Solution 1 - Html

Solution 2 - Html

Solution 3 - Html

Solution 4 - Html

How do I pass an array as a parameter to another script?

How to do page numbering in header/footer htmls with wkhtmltopdf?

Attributions