css :not_研究:CSS3否定(:NOT)选择器

本文是我们的“ HTML5 / CSS3教程系列”的一部分 -致力于帮助您成为更好的设计师和/或开发人员。 单击此处查看同一系列的更多文章。

CSS有一些选择器,允许您在某些条件下选择元素,例如:hover:focus:active等。但是今天我们将不介绍这些选择器。 我们将研究一种仍然鲜为人知但仍被大多数Web设计人员使用的方法,即:not选择器或也称为否定选择器。

它有什么作用?

我确信:not名称本身已经描述了它的功能,它只会选择与指定元素或条件相反的东西 。 例如:

该语法将选择除p (段落)以外的任何元素。

:not(p)

虽然下面的示例语法将选择具有abc类的div元素

div:not(.abc)

好吧,现在,让我们在一个真实的例子中尝试这个选择器:

首先,让我们用Wikipedia的一些链接以及虚构的领域的一些链接来制作几段。 这是该段HTML标记。

The CSS :not Selector Demo

Jujubes applicake sesame snaps chupa chups

你可能感兴趣的:(python,css,java,html,javascript,ViewUI)