前端学习 -- Css -- 否定伪类
2017-04-03 23:21
351 查看
语法::not(.选择器)
作用:可以从已选中的元素中剔除出某些元素。
效果:
作用:可以从已选中的元素中剔除出某些元素。
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> p:not(.soyoungboy){ background-color: cadetblue; color: red } </style> </head> <body> <p>后海有树的院子</p> <p>夏代有工的玉</p> <p class="soyoungboy">此时此刻的云</p> <p>二十来岁的你</p> </body> </html>
效果:
![](https://oscdn.geek-share.com/Uploads/Images/Content/202004/04/c37fa579195d9ae285a32cdb7a16b339.png)
相关文章推荐
- 前端学习 -- Css -- 伪类
- 前端学习之css行高 font属性 伪类 background
- 李洪强和你一起学习前端之(5)css书写位置 优先级和伪类
- 前端学习 --Css -- 子元素的伪类
- CSS 伪类 学习
- WEB前端开发学习----5.理解 CSS 浮动float
- 前端学习笔记番外篇:仿WIN8 Metro UI DIV+CSS练习
- CSS学习之 伪类和伪元素
- 前端CSS学习笔记
- 前端学习——css实用技术
- web前端学习笔记(CSS固定宽度布局)
- CSS学习系列三:伪类和伪元素
- 【从0到1学Web前端】CSS伪类和伪元素
- 前端学习_01_css网页布局
- css学习笔记——CSS 伪类
- CSS伪类样式(1) - 前端开发
- Web前端学习笔记(二)——CSS中的选择符
- 简单了解学习CSS的伪类(特别是hover,actived)
- 这几天买了很多书,最近这2个月的学习目标是:熟悉Linux、C、Python、Web前端基础(HTML、XHTML,CSS)