子选择器的替代品是什么？
子选择器的替代品是 CSS 伪类或者属性选择器。
在 CSS 中，伪类选择器可以用来选择特定状态下的元素，例如：
a:hover {
color: red;
}这个选择器会选择所有鼠标悬停在链接上的元素，并将它们的颜色设置为红色。
属性选择器则可以选择具有特定属性的元素，例如：
input[type="text"] {
border: 1px solid black;
}这个选择器会选择所有类型为文本的输入框，并将它们的边框设置为黑色。
这些选择器可以用来替代子选择器，从而更好地控制页面元素的样式。
相关·内容
4回答
这是一个愚蠢的问题，但好吧。CSS中的">“是什么版本？我在谷歌上找不到它，因为我不知道它的名字。
举例说明。
CSS
.test {
width:200px;
height:200px;}
.test .color {
width:50px;
height:50px;
float:left;
background:red;}
.test:hover > .color {
background:blue;}
HTML
<div class="test">
<div cla
浏览 2提问于2012-12-23得票数 1
回答已采纳
4回答
如中所述，这两个穿透阴影的组合器已被否决。
那么，实现同样的目标的替代方法是什么，或者这个穿透阴影的功能已经被完全抛弃了？
浏览 12提问于2016-03-02得票数 31
回答已采纳
5回答
在下面的javascript中，>号在(#todoList > div)中是什么意思？
$('#btnClear').click(function () {
$('#todoList > div').each(function () {
var entity = $(this).data('entity');
$todo.context.TodoEntries.remove(entity);
});
$todo.context.saveChanges(updateView)
浏览 12提问于2013-07-01得票数 3
不好的标题，不知道怎么简单的解释。
基本上，我有一个flex，里面包含图片和段落。我希望使用选择器，这样它就可以选择div中的所有子元素，并使它们都具有相同的大小。
我看到了，但我不知道它是什么，也不知道它是否能满足我的需要：
.container > * {flex-basis: 100%;}
我不知道>或*是什么意思，我想请解释一下:)谢谢
浏览 4提问于2021-07-24得票数 2
回答已采纳
1回答
我已经在kendos图书馆工作了一段时间了。我最近做了一个包含标签的模态。选项卡中的内容按要求提供，但问题是我无法更改选项卡标题的文本颜色。文本具有默认的红色。我尝试过很多事情，比如尝试给出风格，ngClass directive.But补充说，没有什么对我有用。我已经看过医生了，但什么也找不到。
请帮帮忙
提前感谢
浏览 0提问于2021-06-03得票数 0
我正在尝试将CSS应用于父容器元素的任何直接子元素。如何使用CSS的子代<选择器来选择任何直接的子项，而不管类型是什么(div / span / etc)。
浏览 2提问于2013-03-09得票数 44
回答已采纳
抱歉，如果这是一个愚蠢的问题，但它很难找到使用搜索引擎，但'>‘运算符作为选择器使用时是什么意思？
例如。
$('div.form-input > label')....
浏览 0提问于2012-06-05得票数 1
回答已采纳
1回答
我想在任何请求匹配之前执行一些代码：
@PreMatching
public class PreMatchingFilter implements ContainerRequestFilter {
@Override
public void filter(ContainerRequestContext requestContext) throws IOException {
System.out.println("I am here");
}
}
不幸的是，不管请求是什么，控制台都不会编写sysout消息。我错过了什么吗？
浏览 2提问于2015-09-05得票数 0
回答已采纳
例如：
div > p.some_class {
/* Some declarations */
}
>标志到底是什么意思？
浏览 12提问于2010-07-12得票数 500
回答已采纳
以下是SASS代码部分：
#main-nav{
>ul{
blahblah
}
}
所以我想知道字符串">ul“的确切含义是什么？我在SASS手册里找不到。
此外，它能被翻译成触控笔吗？
浏览 1提问于2013-08-05得票数 17
回答已采纳
在WordPress中，它使用li声明菜单项，两个CSS声明#navigator > li和#navigator li的区别是什么？
浏览 1提问于2014-09-25得票数 0
回答已采纳
我正在尝试弄清楚这个jQuery插件是如何工作的：
在插件的开头有这样一行代码：
if(jQuery('> li', this)) {
我知道是什么
ul > li
意思是:选择所有直接父代是ul的li。但是'> li‘是什么意思呢？我跑了一下：
$('> li')
但它会返回
[]
尽管我在页面上有很多嵌套的无序列表HTML。
浏览 0提问于2012-01-18得票数 5
回答已采纳
我遇到了这两件有点相似的事情。在我的一个应用程序中，这两者之间存在差异，特别是在使用IE7时。我想知道:这两者之间的最大区别是什么。请随时详细说明和站点链接。
浏览 1提问于2012-09-21得票数 0
回答已采纳
例如：
div > p.some_class {
/* Some declarations */
}
>标志究竟是什么意思？
浏览 1347提问于2017-12-22
$('.wrapper a').find('a'); //return empty object
但我正在寻找一种通过选择器获取所有锚的方法。问题是find方法只查看后代，那么它的替代方案是什么？
请在上测试
浏览 1提问于2011-08-31得票数 1
回答已采纳
1回答
默认情况下，在Resque中，父进程派生和子进程创建到数据库的新连接。
这是可以工作的，但是如果你有几十个工作进程，MySQL就无法保持那么多的连接打开，并开始抛出错误。
让子代使用父代的MySQL连接的解决方案是什么？
浏览 2提问于2012-01-05得票数 6
回答已采纳
到目前为止，我已经彻底地寻找了一个用于Windows Phone开发的combobox替代品。到目前为止，我找到的最好的是，它非常好，但我真的在寻找一些可以在Vb.net中使用的东西。
PS:我使用Visual studio 2010作为我的代码编辑器
预期致谢:)
浏览 0提问于2012-10-21得票数 2
假设我的父div是parentDiv，它包含五个子div。
<div id="parentDiv">
<div>1</div>
<div>2</div>
<div>3</div>
<div>4</div>
<div>5</div>
</div>
如何使用jquery清空子元素parentDiv .
编辑
empty()和remove()的区别是什么？我该用什么？
浏览 1提问于2010-03-30得票数 6
回答已采纳
我在一个对象中有一个无序列表：
var myUL = $('ul#theID'); //I send this var to another function in the code
我只想要这个对象的直接子对象(我在每个'li‘中有另一个'ul’，其中也有‘li’)，但这个选择器不起作用：
$(myUL + '>li').each( etc, etc...
在Firebug中的这个选择器上，它给出了错误“未捕获的异常:语法错误，无法识别的表达式:对象对象”。
如果我使用$('li', myUL)，它会给我所有的‘li’和u
浏览 0提问于2010-09-24得票数 0
回答已采纳
我刚看到这个密码。
.link--icon [class*='text'] {
padding-left: 8px;
}
这一行.link--icon [class*='text']到底是什么意思？
浏览 0提问于2019-04-11得票数 1
我猜这类问题对你们中的一半人来说很容易，但我被困在这个问题上好几个小时了，所以，我非常感谢你们的帮助。这是我一直在努力解决的问题：
我需要选择所有包含以.pdf结尾的href属性的链接元素。我带来了这个解决方案：
$('a[href$=".pdf"]').filter(function() {
return $(this).parent().has('ul');
})
})
然而，似乎无论"anytag"是什么，$(this).parent().has('**anytag**')总是返回true (我用
浏览 0提问于2012-11-13得票数 1
回答已采纳
6回答
我目前正在从Joomla模板中编辑CSS文件，我遇到了以下一行：.promo > .gantry-width-block:hover{margin-top:-35px;padding-top:35px;}
>标记在广告和龙门之间的用途是什么？
Ps。我不知道马克是否是正确的词，也许不是。
浏览 8提问于2016-04-14得票数 1
回答已采纳
我有以下几点：
[class^="fa-icon-"], [class*=" fa-icon-"] {
我知道类^的意思是从开头开始，但是类*是什么意思？
浏览 1提问于2013-10-01得票数 0
回答已采纳
1回答
当我运行npm install时，我得到以下错误：
无法在"npm“注册表中找到”常规-变更-核心@^2.0.11“所需的包”getSnapshot repo@^1.0.0“。
我不知道它是从哪里来的。我没有在我的conventional-changelog-core文件中直接指定package.json，这意味着其他一些包需要它。我怎么知道是什么导致了这个问题？
浏览 0提问于2019-01-09得票数 1
回答已采纳
假设我们有这样的代码：
<div>
<ul>
<li></li>
</ul>
</div>
<style>div ul li { ... }</style>和<style>div > ul > li { ... }</style>之间的区别是什么
浏览 0提问于2013-11-25得票数 1
我对javascript缺乏以下方面的知识。我有一个导航选项卡菜单，有5个不同的选项卡，可以展开。但我希望当页面加载一个特定的选项卡(基于上一页或url中的参数)时被展开。在bootstrap页面上，他们有以下示例：
<script> $(function () { $('#myTab a:last').tab('show'); }) </script>
我的问题是，我不知道'a‘是什么，我不能让它传递一个参数，比如我要显示的第二个标签。如果我传递的是integer或#reference而不是'last‘，
浏览 1提问于2012-09-13得票数 0
回答已采纳
5回答
<div id="div">
<div> <!-- first level -->
<div> <!-- second level -->
<div>1.1</div> <!-- third level -->
<div>1.2</div>
</div>
<div>
<div></div>
浏览 13提问于2010-04-04得票数 3
回答已采纳
1)同一个View上可以有两个UIPickerView吗？
我的意思是在同一个视图上可以有两个下拉菜单吗？
2)如何从XML文件中获取UIPickerView的Option值？
3)当我在第一个UIPickerView中选择一个项目时，它将选择的值传递给第二个UIPickerView，以便显示相应的选项列表，这些选项也是从XML文件中获取的。这是可以做到的吗？
有没有教程讨论过这个问题？那么，正确的方法是什么呢？
浏览 2提问于2011-01-12得票数 0
3回答
考虑到这个HTML：
<div class="foo">
select this
<div class="foo">don't select this</div>
</div>
<div class="foo">
select this
</div>
选择器是什么，只获取第一级的div，而不是嵌套的div？
因此，查询$('.foo WHATEVER').length应该返回2。
看这里的。
浏览 5提问于2012-10-09得票数 0
回答已采纳
1回答
我想用jquery选择一个div，只有当它的父级可见时才会被选中。选择器必须是什么样子的？这不起作用：
$(this)[is=":checked"][parent=".visible"]
浏览 2提问于2018-03-31得票数 0
1回答
我正在阅读关于在上使用的教程。
有人知道>在.paginate('#navcnt table tr > td a[href]', 5)中的含义吗？
我在页面中找不到这个符号的解释。
节点渗透的默认选择器是什么？它的页面说，它支持Sizzle选择器、光滑选择器等等。
怎么知道我现在用的是哪个选择器？
浏览 2提问于2017-09-23得票数 0
回答已采纳
4回答
在IUI css文件中，它们使用以下选择器：
body > *:not(.toolbar)
body > *[selected="true"]
>，*:not()和*[]是什么意思？
谢谢。
浏览 7提问于2009-10-27得票数 22
回答已采纳
我理解"find“函数，我只是不熟悉'> div‘是什么意思。有人能帮上忙吗？
浏览 0提问于2010-05-15得票数 4
回答已采纳
我正在尝试选择具有特定data-属性的元素的第一个和最后一个子元素。
:first-child选择器工作正常，但:last-child不工作。我真的不知道是什么导致了这一切。我已经检查过打字了。
CSS
.element[data-type='element']:first-child {
padding-left: 0;
background-color:red !important
}
.element[data-type='element']:last-child {
padding-right: 0;
borde
浏览 2提问于2014-09-19得票数 12
回答已采纳
我继承了一些css，并在网上到处搜索，以了解一个看起来像这样的css块所表达的是什么：
[class*=wrapper] .logo {
padding-top: 32px !important;
}
星号和方括号在做什么？
很难在谷歌上搜索.如果这个问题是愚蠢的，很抱歉。
浏览 3提问于2014-12-07得票数 5
回答已采纳
1回答
我想知道在正文和所有段落上应用类的最快方法是什么。我们可以使用简单的选择器，比如：
$("body").addClass("foo");
$("p").addClass("bar");
但也有遍历方法，如：
$("body").addClass("foo").find("p").addClass("bar");
在性能方面有什么不同吗？
干杯，本杰明
浏览 0提问于2009-08-25得票数 2
回答已采纳
我的div里面有一个image标签：
<div id="myDiv">
<img src="/my_image.jpg">
</div>
检查myDiv内部是否存在img的JQuery是什么？例如，有时页面看起来像这样：
<div id="myDiv">
</div>
上面的代码应该返回false。
浏览 0提问于2013-05-29得票数 0
回答已采纳
我似乎弄不明白为什么这段代码作为while循环和递归函数无限运行。我正在检查某个元素是否在视口中，如果不在，则将其父元素的顶部偏移向上移动，直到其子元素离开视口。
HTML结构：
<div id="outter">
<div id="inner"></div>
<div id="inner"></div>
<div id="inner"></div>
</div>
它们都有设置的高度和宽度，并且是显示的:行内块和
浏览 0提问于2017-04-22得票数 0
1回答
在这个问题上，我不能理解选择器的用法。
.fc > * {
margin: 10px;
padding: 20px;
background-color: lightgray;
border-radius: 10px;
}
那么.fc > *是什么意思呢？因为我真的不能“完全”理解这个。
HTML部件
<body>
<div class="fc">
<header>Swanns Way - Overture</header>
<aside>For a long
浏览 3提问于2017-08-06得票数 0
我在Google上进行了一次速度测试，我的CSS得到了一些好成绩和坏成绩。成绩不佳是因为CSS效率低下。那是什么？我怎样才能纠正它呢？
Very inefficient rules (good to fix on any page):
#menu ul ul li:first-child a:after Tag key with 4 descendant selectors
#menu ul ul li:first-child a:hover:after Tag key with 4 descendant selectors
浏览 0提问于2012-07-15得票数 5
回答已采纳
6回答
我知道如何为多个类提供相同的样式，我们在类名之间使用逗号。但我不明白下面的代码是什么。
.navbar-inverse .navbar-toggle { background-color: #333; }
浏览 5提问于2019-07-23得票数 0
回答已采纳
在CSS中这是什么意思？.wb是一个类，我也知道.wb-chIld可能是它的子类，继承了它的属性。现在，>和*是什么？在什么情况下我们会写这样的代码？
.wb, .wb-child > * {
border-width: 2px;
}
浏览 0提问于2015-06-11得票数 0
2回答
我不做CSS，我甚至不确定这是什么，所以请原谅我的无知:-)
.examples {
}
.examples b {
font-weight: bold;
}
.examples p {
margin-top: 0.9em;
margin-bottom: 0.9em;
}
我假设上述情况意味着<div class='examples'>中的任何b或p标记都将使用.examples中的样式以及为b或p自定义的任何样式
我可以使用这种约定创建自己的风格吗，就像这样？
.examples mystyle {
}
<div class='e
浏览 0提问于2013-12-15得票数 0
2回答
在下面的示例中，我想创建一个CSS规则，该规则仅应用于具有文本"Blockhead“的标题。
<div class="gumby">
<span class="pokey"></span>
<h3>Blockhead</h3>
<h3>Clay rules</h3>
</div>
我可以使用括号吗，比如(.gumby > .pokey) + h3？如果没有，我的选择是什么？
浏览 0提问于2011-03-30得票数 29
回答已采纳
3回答
可能重复：
>符号在CSS中是什么意思？我注意到了我的Wordpress博客主题，并想知道它在做什么。
#access li:hover > a,
#access ul ul :hover > a,
#access a:focus {
background: #efefef;
}
#access li:hover > a,
#access a:focus {
background: #f9f9f9; /* Show a solid color for older browsers */
background: -moz-linear-g
浏览 15提问于2012-02-28得票数 26
回答已采纳
我正在使用蜘蛛猴的Parser API做一些工作。显示有一个二进制运算符..。有人知道这是什么吗？我很想知道。我以前从没见过。如果我不得不猜测，我不得不说这是关于E4X的东西，但那只是因为我对E4X一无所知。
浏览 6提问于2010-11-18得票数 30
回答已采纳
2回答
我想要选择我的"mainDiv“的”-children“目录的所有"input"-children。我尝试了使用'div input:first-child‘，你可以在下面看到，也可以在上找到。但它不起作用。如果我只使用'div‘作为过滤器，它工作得很好。那么我的错误是什么呢？或者如何以一种简单的方式获得所有的“输入”-children？
var data = ['name1', 'name2'];
var mainDiv = $('<div>');
浏览 0提问于2012-01-24得票数 2
回答已采纳
我对使用伪类:hover感到困惑。
在以下HTML中，:hover对ul元素的工作效果与预期相同，但对于div元素则不起作用：
<!DOCTYPE html>
<html>
<head>
<meta charset:"utf-8" />
<style>
#div1:hover #div2 {
color: green;
}
#ul2 {
display: none;
}
#ul1:hover #ul {
display:block;
}
</style>
</head&g
浏览 5提问于2017-04-13得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
