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

Editor to share with you the two practical properties of CSS3 and web page making skills example analysis, I hope you will learn something after reading this article, let's discuss it together!

Two practical attributes of CSS3, as well as web page making skills

First, use: not () to apply / unapply borders on the menu

Two practical attributes of CSS3, as well as web page making skills

Our usual practice is to set a border for each menu item, and then set the border of the last menu to zero

But don't do this, use the: not () pseudo class to achieve the same effect:

Of course, you can also use .nav li + li or .nav li:first-child ~ li, but not () is clearer and readable

Use: nth-child (n) to select a project

(note: the subscript of the first child element is 1)

: nth-child (3) indicates the third element in the selection list

: nth-child (2n) represents an even number of tags in the list, that is, select 2nd, 4th, 6th. Label

: nth-child (2n-1) represents the odd tag in the selection list, that is, select 1st, 3rd, 5th, 7th... Label

: nth-child (nasty 3) indicates that the label in the selection list starts from the 3rd to the end (> = 3)

: nth-child (- naugh3) indicates that the tags in the selection list range from 0 to 3, that is, tags less than 3 (

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.