首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >css :不是针对所有事物的选择器,而是一个条件。

css :不是针对所有事物的选择器,而是一个条件。
EN

Stack Overflow用户
提问于 2014-10-14 23:27:40
回答 3查看 175关注 0票数 0

http://jsfiddle.net/m7qLdstp/1/

代码语言:javascript
运行
复制
<style>
:not(div p), p{
  color: red
}
</style>

<p>This is a paragraph that should be red.</p>
<div><p>This is a paragraph that should not be red.</p></div>

是否可以使用css *不是选择器(在本例中)将所有<p>颜色变为红色,除了任何<p>而不是<div>

我运行了几个不同的变奏曲,但无法使它工作?!

EN

回答 3

Stack Overflow用户

回答已采纳

发布于 2014-10-14 23:37:36

下面将更改所有<p>元素的颜色,这些元素不是<div>的直接后代

代码语言:javascript
运行
复制
:not(div) > p{
    color: red;
}

演示小提琴

票数 3
EN

Stack Overflow用户

发布于 2014-10-14 23:36:41

你可以把他们分开

代码语言:javascript
运行
复制
p{
  color: red
}

div p{color:black}

小提琴

这是因为div pp更具体。

票数 1
EN

Stack Overflow用户

发布于 2014-10-14 23:40:36

根据CSS-戏法,:not()选择器只能采用“简单选择器”,定义为:

类型选择器、通用选择器、属性选择器、类选择器、ID选择器或伪类选择器

但是:

可能不包含附加选择器或任何伪元素选择器。

但是,正如其他答案所示,有一些方法可以解决这个问题并完成行为--至少在本例和其他简单案例中是这样的。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/26372079

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档