Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
1.1k views
in Technique[技术] by (71.8m points)

css - Middle Child Pseudo-Class

Is there a way to use CSS selectors to get the middle child in a list of elements?

I know that there is no literal :middle-child selector, but is there another way without resorting to Javascript?

See Question&Answers more detail:os

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)

This has been working well for me:

*:not(:first-child):not(:last-child) {
    ...
}

You can see an example of this here: http://codepen.io/bentomas/pen/Gwqoe

The one caveat to this is that it only works in IE 9+: http://caniuse.com/#feat=css-sel3


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...