Shulou(Shulou.com)06/01 Report--

This article mainly introduces the Css3 attribute selector and pseudo-class selector example analysis, has a certain reference value, interested friends can refer to, I hope you can learn a lot after reading this article, the following let Xiaobian take you to understand.

Property Selector:

[attr~= "value"] words, words, spaces, words, words must be value valid

[attr | = "value"] value begins or value- word

Note:

It is difficult to use regular expressions to distinguish selected elements in attribute selection, so it is more efficient.

Pseudo-class selector:

: before

: after

: lang (val) val/val- word

: nth-child (n) n calculates the odd cardinality even even number from 1

The nth-of-type (n) selector matches each element of the nth child element of a specific type of parent element.

Untitled document

Aaa

Aaa

Aaa

Aaa

Css section:

@ charset "utf-8"

/ * CSS Document * /

/ *

P:before {

Content: "ccc"

}

P:lang (en) {

Border:1px solid # ff0000

}

P:nth-child (even) {

Background:#F00

}

, /

The third p element * / under the parent element of the p:nth-of-type (3) {/ * p tag

Background:#F00

}

Thank you for reading this article carefully. I hope the article "sample Analysis of Css3 attribute Selector and pseudo Class Selector" shared by the editor will be helpful to you. At the same time, I also hope that you will support and pay attention to the industry information channel. More related knowledge is waiting for you to learn!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.