css(1):not()和last-child

html-css010

css(1):not()和last-child,第1张

1.last-child

ul最后一个li元素无边框。

2.:not()

ul最后一个li元素无边框。

两种作用一样的样式写法,第二种更语义化一些。

.menu-function li:not(:last-child) span?

.menu-function为class标签 下面的li 不等于not(:last-child) 最后一个 下面的span标签添加CSS样式

.menu-function li a:before,.drop-down button[type="button"]:before?

//before伪元素在元素之前添加内容 逗号分隔样式 逗号代表【或】

.menu-function为class标签 下面的li 下面的a标签 元素之前添加内容 后面有个逗号,代表或 .drop-down class的标签 下面的button 属性为[type="button"]:before元素之前添加内容