选择器常常会用到,那么今天就来说说怎么选择除了第一个以外的其他元素。除了那种每个都给加类的写法,
还可以像下面这样哦!
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css"> div>p:not(:first-child) { border: 1px solid red; margin-left:10px } div>p+p { margin-left:10px; background-color: red;color: #fff; } div>p+p+p{ margin-left:10px; background-color: green;color: #fff; } div>p+p+p+p{ margin-left:10px; background-color: yellowgreen;color: #fff; } </style> </head> <body> <div> <p>1</p> <p>2</p> <p>3</p> <p>4</p> </div> </body> </html>