Did you try: 

    ul li:not(:last-child)

Lets say I have a string:

    char theString[] = &quot;你们好āa&quot;;

Given that my encoding is utf-8, this string is 12 bytes long (the three hanzi characters are three bytes each, the latin character with the macron is two bytes, and the &#39;a&#39; is one byte:

    strlen(theString) == 12

How can I count the number of characters? How can i do the equivalent of subscripting so that:

    theString[3] == &quot;好&quot;

How can I slice, and cat such strings?

How to count characters in a unicode string in C

I have a form where the input fields are saved `onChange`. In Firefox (5) this works even when the window is closed, but for Chrome and IE it doesn&#39;t and I need to be sure that I&#39;m saving this data even if they try to close the window after they&#39;ve typed in a field but an `onBlur` event hasn&#39;t occurred (i.e. they&#39;ve typed something into a textbox, but haven&#39;t tabbed out of it).

I have read the following SO articles on using `window.onbeforeunload`:
[article 1][1]
[article 2][2]

if I use the following:

    window.onbeforeunload = function() {
        return &quot;onbeforeunload&quot;;
    }

then I get a popup with `onbeforeunload` in.

but if I try:

    window.onbeforeunload = function() {
        alert(&quot;onbeforeunload&quot;);
    }

then nothing happens in any browser, even Firefox.

what I want to achieve is:

    window.onbeforeunload = function() {
        saveFormData();
    }

I&#39;d be grateful  if someone could point out where I might be going wrong.




  [1]: https://stackoverflow.com/questions/803887/can-i-pop-up-a-confirmation-dialog-when-the-user-is-closing-the-window-in-safari
  [2]: https://stackoverflow.com/questions/1244535/alert-when-browser-window-closed-accidentally

Capturing window.onbeforeunload

**ul li:last-child** selects the last element of a list.

**ul li:not(...)** selects an element that is not something

What is the CSS selector for excluding the last child of an element? [I tried ul li:not(last-child)][1] but it didn&#39;t work.


  [1]: http://jsfiddle.net/VX8TR/8/

Excluding last-child

ul li:last-child selects the last element of a list.
ul li:not(...) selects an element that is not something
What is the CSS selector for excluding the last child of an element? <a href="http://jsfiddle.net/VX8TR/8/" target="_blank" rel="noopener noreferrer">I tried ul li:not(last-child)</a> but it didn't work.

How can you align an image inside of a containing `div`?

## Example

In my example, I need to vertically center the `&lt;img&gt;` in the `&lt;div&gt;` with `class =&quot;frame`&quot;:

    &lt;div class=&quot;frame&quot; style=&quot;height: 25px;&quot;&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; /&gt;
    &lt;/div&gt;

`.frame`&#39;s height is fixed and the image&#39;s height is unknown. I can add new elements in `.frame` if that&#39;s the only solution. I&#39;m trying to do this on Internet&amp;nbsp; Explorer&amp;nbsp;7  and later, WebKit, Gecko.

See the jsfiddle [here][1].

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    .frame {
        height: 25px;      /* Equals maximum image height */
        line-height: 25px;
        width: 160px;
        border: 1px solid red;

        text-align: center;
        margin: 1em 0;
    }
    img {
        background: #3A6F9A;
        vertical-align: middle;
        max-height: 25px;
        max-width: 160px;
    }

&lt;!-- language: lang-html --&gt;

    &lt;div class=frame&gt;
       &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=250 /&gt;
    &lt;/div&gt;
    &lt;div class=frame&gt;
       &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=25 /&gt;
    &lt;/div&gt;
    &lt;div class=frame&gt;
       &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=23 /&gt;
    &lt;/div&gt;
    &lt;div class=frame&gt;
       &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=21 /&gt;
    &lt;/div&gt;
    &lt;div class=frame&gt;
       &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=19 /&gt;
    &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=17 /&gt;
    &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=15 /&gt;
     &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=13 /&gt;
     &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=11 /&gt;
     &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=9 /&gt;
     &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=7 /&gt;
     &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=5 /&gt;
     &lt;/div&gt;
    &lt;div class=frame&gt;
        &lt;img src=&quot;http://jsfiddle.net/img/logo.png&quot; height=3 /&gt;
     &lt;/div&gt;

&lt;!-- end snippet --&gt;

  [1]: http://jsfiddle.net/4RPFa/61/


How to vertically align an image inside a div

I am looking to take an icon that is colored (and will be a link) and turn it greyscale until the user places their mouse over the icon (where it would then color the image).

Is this possible to do, and in a way that is IE &amp; Firefox supported?

Image Greyscale with CSS &amp; re-color on mouse-over?

I need to display an image on the top-right corner of a div (the image is a &quot;diagonal&quot; ribbon) but keeping the current text contained in an internal div, like stuck to the top of it.

I tried different things as including the image in another div or defining its class like:


    .ribbon {
       position: relative;
       top: -16px;
       right: -706px;
    }

    &lt;div id=&quot;content&quot;&gt;
       &lt;img src=&quot;images/ribbon.png&quot; class=&quot;ribbon&quot;/&gt;
       &lt;div&gt;some text...&lt;/div&gt;
    &lt;/div&gt;

but without any luck. The best result I got was all the text scrolled down for the same height size of the image.

Any idea?


Placing an image to the top right corner - CSS

I&#39;m trying to show a div thats set to `display: none;` for 5 seconds with

    $(&#39;#div&#39;).show().delay(5000).hide();

but it deson&#39;t work, it just goes straight to hide()

Can any of you help me?

Jquery $(&#39;#div&#39;).show().delay(5000).hide(); doesn&#39;t work

I&#39;m fixing the width of one of my dropdown boxes (yes I know there are cross-browser issues with doing this).

Is there a non-js way to cut off overflowing text and append ellipses? text-overflow:ellipsis doesn&#39;t work for `&lt;select&gt;` elements (at least in Chrome).

&lt;!-- begin snippet: js hide: false console: true babel: false --&gt;

&lt;!-- language: lang-css --&gt;

    select, div {
        width:100px; 
        overflow:hidden; 
        white-space:nowrap; 
        text-overflow:ellipsis;
    }

&lt;!-- language: lang-html --&gt;

    &lt;!--works for a div--&gt;
    &lt;div&gt;
        A long option that gets cut off
    &lt;/div&gt;

    &lt;!--but not for a select--&gt;
    &lt;select&gt;
        &lt;option&gt;One - A long option that gets cut off&lt;/option&gt;
        &lt;option&gt;Two - A long option that gets cut off&lt;/option&gt;
    &lt;/select&gt;

&lt;!-- end snippet --&gt;

Example here:
http://jsfiddle.net/t5eUe/


Content Type	Original Author	Original Content on Stackoverflow
Question	AlexStack	View Question on Stackoverflow
Solution 1 - Css	minaz	View Answer on Stackoverflow

Excluding last-child

Css Problem Overview

Css Solutions

Solution 1 - Css

Capturing window.onbeforeunload

How to count characters in a unicode string in C

Attributions