具有多个类的结束选择器
是一种CSS选择器，用于选择同时具有多个类的元素。它通过将多个类名连续放置在选择器中，以逗号分隔，来选择具有这些类的元素。
例如，如果我们想选择具有类名为"class1"和"class2"的元素，可以使用以下语法：
.class1.class2 {
/* CSS样式 */
}这样的选择器可以用于为特定的元素应用样式或选择特定的元素进行操作。
优势：
- 灵活性：多个类的结束选择器可以根据需要选择具有多个类的元素，提供了更精确的选择能力。
- 可读性：通过将多个类名连续放置在选择器中，代码更易读，更清晰地表达了选择的意图。
应用场景：
- 样式应用：可以使用多个类的结束选择器为具有特定类组合的元素应用特定的样式。
- 交互操作：可以使用多个类的结束选择器选择特定的元素进行交互操作，如添加事件监听器或执行特定的JavaScript代码。
腾讯云相关产品和产品介绍链接地址：
- 腾讯云官网：https://cloud.tencent.com/
- 腾讯云云服务器（CVM）：https://cloud.tencent.com/product/cvm
- 腾讯云云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
- 腾讯云对象存储（COS）：https://cloud.tencent.com/product/cos
- 腾讯云人工智能：https://cloud.tencent.com/product/ai
- 腾讯云物联网平台：https://cloud.tencent.com/product/iotexplorer
- 腾讯云移动应用开发：https://cloud.tencent.com/product/mad
- 腾讯云区块链服务：https://cloud.tencent.com/product/tbaas
- 腾讯云元宇宙：https://cloud.tencent.com/product/mu
相关·内容
1回答
我正在尝试接受JS插件的所有links#modal_trigger在我的网站，但它只适用于第一个。怎么了？我不能知道。
我的JS代码：
(function($){
$.fn.extend({
leanModal:function(options){
var defaults={top:100,overlay:0.5,closeButton:null};
var overlay=$("<div id='lean_overlay'></div>");
浏览 1提问于2014-10-21得票数 0
在我的asp.net mvc网站中，当我试图解析jquery ajax调用(1.4.4和1.6.2)中的值时，我遇到了一些问题。该值位于表的第一个td内的输入字段中。当点击同一个td中的按钮时，会触发一个jquery，将id (一个GUID)发送到服务器。
$.ajax({
url: '/VMSW.FIS.WebUI/BetalingsAanvragen/BetalingsAanvraag/OndertekenBetalingsAanvraag',
type: 'POST',
浏览 0提问于2011-09-08得票数 1
回答已采纳
2回答
大家好，我一直在尝试将box-shadow属性应用于网页，但如果我将效果应用于正常状态，则一切正常，但在悬停状态下一切正常，如果我悬停在子页面上，则它同时适用于父级和子级。
正常状态:一切正常。
悬停状态:属性应用于div中的每个元素。
我尝试过使用Jquery切换状态，但它不起作用。
<div class="results">
<div class="result_wrapper">
<div class="result">
<h2 class="singl
浏览 2提问于2016-08-27得票数 0
回答已采纳
4回答
我在检索在AJAX中使用的"li“元素的ID时遇到了问题。
<div id="subTab">
<ul class="nav nav-pills" style="display:none" id="users">
<li id="AUser"><a href="#AUser"><span class="glyphicon glyphicon-user"></span> User M
浏览 7提问于2014-04-30得票数 0
回答已采纳
也许这是一个过于简单的问题，但是jQuery 1.7+和1.8+中的.on()事件绑定有什么不同呢？我的问题如下：
我使用ASPMVC3和jQuery Mobile1.2 RC1动态创建列表，并将单击事件绑定到li-element。如果我使用jQuery，单击一切正常，但是当我使用1.8+时，点击事件只在第一个li- 1.7+上触发。我已经检查了jQuery的文档，但实际上应该没有区别，或者？
<ul data-role="listview" id="immo_list" data-inset="true"
data-theme="
浏览 0提问于2012-09-17得票数 0
回答已采纳
在下面的html代码片段中，我尝试创建一个JQuery表达式来选择类为zz1_TopNavigationMenu_1 Napa1-topnav zz1_TopNavigationMenu_*的所有a标记。“
我对构造在类名中包含空格的select语法感到困惑。我还想在末尾加上一个通配符，上面用“*”字符来描述。
<table class="Napa1-topnav zz1_TopNavigationMenu_4" border="0" cellSpacing="0" cellPadding="0">
<tbody
浏览 0提问于2010-08-16得票数 1
回答已采纳
我正试着用Javascript做一个网络抓取器。我需要从这个元素中提取数字1214：-
<span class="ss-icon-user num-students left">
1,214
</span>
现在我已经为它写了这样的代码：
var students = $('.ss-icon-user num-students left');
var no_of_students = students.text();
console.log(no_of_students);
但它根本不提供任何输出。我试过了：
浏览 0提问于2016-06-16得票数 0
1回答
我遇到了，它让我达到了我想要的99%，但我在一个只有一个主题的多站点环境中使用它，并在其他6个站点上部署该主题。
你可以用输入日期字段(到达和出发时间)，你可以看到它工作得很好。然而..。
我希望在多站点网络中的多个站点之间部署它，但在这样做时，我需要考虑这样一个事实，即考虑到每个站点上的表单存在差异，每个站点的字段ID可能会有所不同。我可以阅读JS，所以我可以看到这里发生了什么，但我不知道如何编写条件来检查站点ids/urls并相应地调整#input_1_1标记……这个是可能的吗？如果是这样，它看起来会是什么样子？
这是我使用的代码...
jQuery(document).bind('
浏览 0提问于2015-01-02得票数 1
我试图在同一个页面中插入两个相同的径向进度条，但第二个的代码被忽略/不可见。这肯定是一个JS问题，所以我在这里请求您的帮助。
JS代码：
var el = document.getElementById('graph'); // get canvas
var options = {
percent: el.getAttribute('data-percent') || 25,
size: el.getAttribute('data-size') || 120,
lineWidth: el.getAttribute('data-li
浏览 0提问于2015-02-04得票数 0
我开始用Python中的BeautifulSoup进行web抓取。
我试图解析的网站
"http://www.moneycontrol.com/india/stockpricequote/computers-software/techmahindra/TM4"
我的代码如下
previous_close = content.select(".gD_12 PB3");
当对行进行解释时，我有以下错误
previous_close = content.select(".gD_12 PB3");
File "/usr/local/l
浏览 1提问于2015-05-22得票数 0
回答已采纳
<button class="btn btn-lg btn-yellow" type="submit" ng-click="submitForm($event)">
<span class="visible-xs glyphicon glyphicon-search"> </span>
<span class="hidden-xs">Rechercher</span>
</button>
类:问题：$爬虫->selectButton
浏览 9提问于2015-10-12得票数 1
回答已采纳
3回答
针对以空格开头的类值
、、、、
我想为一个以空格开头的类做一个CSS选择器，但是我不知道怎么做。例如：<table class=" example">…</table>。
浏览 7提问于2016-11-20得票数 4
回答已采纳
我正在写一个来自codrops的教程。每个项目都有一个悬停事件，以及一个触发anime.js函数的单击事件。
我正在尝试这样做，这样某些项目(网格单元格)在单击时不会触发anime.js函数，但悬停函数仍然有效。
我尝试过简单的css指针事件，但这会禁用悬停功能。
我在JS中将这两个组构建为单独的项目，但是动画的效果并不相同(它使两个不同的类交错)。
我尝试过停止默认的javascript行为，但似乎对代码没有影响。
救命！
我已经做了一个功能正常的代码-在那里的选项中，我试图禁用任何带有id="noClick“的网格项目的点击事件-但没有用。
$('noClick')
浏览 1提问于2019-11-15得票数 1
我之所以问这个问题，是因为我试图理解使代码工作的CSS3样式更改：
快速提问因为我不知道还能问什么.下面的名字是什么？我想更多地了解它，但不确定它叫什么。
className的“状态”部分是某种CSS3 state...or吗？
<style>
#className {
position: relative;
display: inline-block;
height: 100px;
transition: height 1s ease;
}
#className.state {
height: 25px;
}
</s
浏览 9提问于2014-11-08得票数 0
回答已采纳
3回答
我是HTML/CSS的新手，学过一些教程后，我仍然在HTML文件和CSS样式表之间遇到问题。
我想对我的类nav navbar-nav navbar-right应用一个padding-left，以便将类中的元素放到导航栏的右侧。
这是我的HTML文件：
<!DOCTYPE html>
<html>
<head>
{% load staticfiles %}
{% load user_tags %}
<title> DatasystemsEC - Accueil </title>
<me
浏览 0提问于2017-01-30得票数 0
2回答
在javascript中没有这样的"getElementsByClass“函数，
那么jQuery是如何做到这一点的呢？
循环所有元素的效率会太低。
顺便说一下，如何为具有两个或更多类的元素指定css？
<a class="one two">test</a>
像下面这样的猜测吗？
.one.two {...}
是那么回事吗？
浏览 2提问于2009-08-19得票数 3
我将Backbone & Marionette用于我的webapp应用程序，
我有一个曲目的集合，当一个曲目被添加时，当播放器没有读到任何曲目时，我想把“播放”样式放到itemView，或“暂停”到添加在提示符上的曲目。
因此，我想为每个新的主干模型添加一个类。
当我添加一个模型时，类被添加到前一个元素中，但不是添加到最新的元素中。这是我的CompositeView：
var trackListYTView = Marionette.CompositeView.extend({
template: "#playlist",
id: "trackList"
浏览 3提问于2012-07-12得票数 0
回答已采纳
2回答
我尝试仅在两个不同的类附加到div时才应用CSS :hover选择器。我已经尝试过了，但这消除了悬停效果。
.accordionButton .cyan:hover{
color: cyan;
}
我也不能这样做：
.accordionButton:hover, .cyan:hover{
color: cyan;
}
因为我还有另外两种颜色，我也在尝试这样做。
基本上，有没有办法让CSS仅在同时是.accordionButton和.cyan的div上悬停时应用？
浏览 5提问于2013-02-08得票数 6
回答已采纳
我的头中有两个来自类"menu_top“的链接，因此：
<a class="menu_top" href="adverteerders.html" >adverteerders</a>
<a class="menu_top" href="ondernemers.html" >ondernemers</a>
对应的css代码为：
.menu_top {
font-size: 14px;
}
.menu_top:link {color: #404040;}
.men
浏览 0提问于2013-03-16得票数 0
div#name和#name有什么区别？或者，如果使用class或id来定位某个元素，会有什么不同？谢谢
浏览 0提问于2009-12-30得票数 0
回答已采纳
6回答
对于此HTML：
<div id="idName" class="className">
...
</div>
我知道这是正确的选择器语法：
div.className {...}
div#idName {...}
我错误地这样做了：
#idName.className {...}
它看起来是有效的，但我不认为它是有效的。有没有人能确认这是否有效？
编辑：
为了澄清，这个id将出现在许多页面上，并且根据页面的使用情况，可能会有不同的类。
第A页：
#content.one-column {...}
页面B：
#content.two-co
浏览 3提问于2009-11-25得票数 0
回答已采纳
1回答
由于某些原因，我无法使用jQuery通过id检索隐藏的输入。
我能做到
> $('input')
[<input type="checkbox" name="property-type" id checked>, <input type="checkbox" name="property-type" id checked>, <input type="checkbox" name="property-type" id>, &
浏览 4提问于2013-05-03得票数 5
2回答
如何自动补全多个id？在第一个输入上自动完成工作:名称，但在第二个输入上不工作:类型
Jquery代码：
$(function() {
$("#tags_1").autocomplete({
source: "http://localhost/bizaccount/check",
minLength: 1,
});
});
html代码：
<td><input id="tags" name="name" type="text" value=
浏览 0提问于2013-07-12得票数 0
我已经做了一些搜索，但找不到答案，所以我想我会在这里问我的第一个问题。
基本上，在单击div时，我使用get获取一些html并将其附加到div的底部。获取的html包括最初被点击的同一个div。我需要它是可点击的，以运行与原始div相同的功能。这很难解释，JScrollPane的使用使其变得更加复杂
下面是相关的JavaScript：
$(document).ready(function ($) {
$(document).on('click', 'div#append-tweets', function () {
//The url is alter
浏览 1提问于2013-03-06得票数 0
回答已采纳
例如，我可以通过以下两种方法获得相同的结果。
<html>
<head>
<style type="text/css">
p#red{color:red} /* This is a CSS id selector*/
p.green{color:green} /* This is a CSS class selector*/
</style>
</head>
<body>
<p id="red">red color</p>
<p cla
浏览 3提问于2014-03-21得票数 0
回答已采纳
我在我的客户网站上做前端工作，遇到了一个奇怪的问题。在某些页面上(可能占网站总页面的5% )，简单的汉堡包图标javascript根本无法运行。
以下是JS (同样，它在95%的页面上工作)：
const userBox = document.querySelector(".wdgt-user-box");
const userBtn = document.querySelector(".wdgt-login");
function toggleUserBox() {
if (userBox.style.display === "block&#
浏览 3提问于2022-08-31得票数 -1
3回答
是否有一种方法可以在CSS中使用通配符按名称选择元素？
例如，使用这些元素：
<my-element-one></my-element-one>
<my-element-two></my-element-two>
<div></div>
我能否只选择以“”开头的每个元素？例如：
my-element-* {color: red;}
浏览 4提问于2015-05-25得票数 5
回答已采纳
我想知道是否可以同时使用元素id和类来选择元素。我知道在css中我们可以用#x.y实现这一点，但是如何在javascript中实现呢？我尝试了下面的代码，它运行得很好，但是所有带有ui滑块句柄类的控件都受到了影响(这是显而易见的)。我认为我需要id和class的组合，这样只有特定的元素才会受到影响。
Javascript
$(".ui-slider-handle").text(ui.value);
浏览 6提问于2012-08-03得票数 0
回答已采纳
4回答
如果有一个简单的谷歌搜索这个问题，我现在道歉，但我不知道我想使用哪些关键字。我的CSS不错，但我认为我还没有充分利用语言的力量，也没有完全消除代码冗余。
我遇到过以下代码(其他类似的代码片段)：
<p class="comment smallertext center-align">
这指的是什么CSS？在注释方面，较小的文本和中心-对齐所有被间隔。
谢谢您的任何答复和指导！
浏览 8提问于2013-10-17得票数 0
回答已采纳
我想添加一个删除确认到我的表单按钮可能使用JavaScript？这就是我要用的东西。
<script type="text/javascript">
$(document).ready(function(){
$("#delet").click(function(){
if (!confirm("Are you sure you want to delete Member?")){
return false;
}
});
});
</script>
我希望在删除其他成
浏览 5提问于2016-10-19得票数 0
回答已采纳
2回答
我正在使用JQueryUI日期选择器。我目前使用的是：
$('#dtpicker').datepicker('getDate');
从datepicker获取日期。默认情况下，如果用户没有在选择器中选择任何日期，此函数将获取今天的日期。有没有什么函数可以获取用户选择的日期？例如，如果用户选择了今天的日期，该函数应该返回今天的日期。如果他没有选择任何日期，那么这个函数可能会返回false。
我想用这个函数来验证中的日期范围，目前它还不支持。
浏览 2提问于2010-04-05得票数 4
2回答
所以，我以为我知道基本的CSS，但我的大脑现在很扭曲。我想在我的网站上实现960网格系统，但在此之前，我想要完全理解代码的原理。
我有两个问题。首先，css控制列的宽度。左侧是父类".container“，右侧是两个类，其中"column”类是“1”和" two“类的后代选择器。这是不是说，如果类"column“包含在"one”和"container“中，那么它的宽度是40px？简单地说:我真的不明白这三个元素之间的关系。
.container .one.column { width: 40px; }
.container .
浏览 0提问于2012-10-29得票数 2
回答已采纳
2回答
CSS中的多个点/周期
、、、
你们中的一位CSS专家能向我解释一下这个指示符(如果这就是你们所称的)吗？我理解内容，只是不理解a.button.gold。两个点？
a.button.gold{
background-color: #b9972f;
}
我正在尝试修改几个关于Wordpress主题的样式，如果我能够弄清楚当前发生了什么，我将在它上获得更多的成功。谢谢
浏览 0提问于2013-09-03得票数 12
回答已采纳
我有一个具有重复I的对象字典，如下所示：
var groups = {"0": "attributes":[{"id":2, "name":"abc"},
{"id":5, "name":"xyz"}],
"1": "attributes":[{"id":2, "name":"abc"}]}
我想将这个
浏览 0提问于2015-08-09得票数 0
我有一个网站，其中有多个div具有相同的id名称。我想为所有有这个id的div设置一个mouseleave函数。在我的$(document).ready函数中，我有这个代码...
$('#my_post_container').mouseleave(function(e)
{
hideSnippet();
});
我的hideSnippet()函数是正确的，但这样做只是在第一次出现id为my_post_container的div时设置mouseleave函数。有没有办法将mouseleave函数设置为具有此id的所有div？
浏览 0提问于2013-02-28得票数 0
回答已采纳
2回答
我正在更新某人的网站。他们选择<a>标签的标记如下所示：
#wrapper a{color: red;}
这很好。但是，如果我在包装器中创建一个<div>，并为它提供我自己的<a>标记样式，例如：
.mydiv a{color: white;}
它根本不起作用-我的<div>中的color:white被包装中的颜色:红色覆盖，即使.mydiv css位于我的外部样式表上的#wrapper css下面。更重要的是，每个其他样式-背景-颜色，边框等-都很好用！
浏览 0提问于2012-06-20得票数 5
回答已采纳
我的HTML文件中有以下代码。
在JavaScript文件中，我试图检测到与类dropdown-item ml-2相关联的任何项的单击。但是，click()函数没有被捕获。
$(document).ready(function() {
$('.dropdown-item ml-2').click(function() {
alert('hello');
});
});
<span class="dropdown-item-text font-weight-bold">People</span>
<
浏览 3提问于2020-12-24得票数 1
回答已采纳
这是一个非常基本的问题。
If是一个带有<div>的class="oldClass"。如果我使用class="newClass"将div的类更改为JavaScript(使用.className)。它以前的风格会消失吗？或者只有在两个类中定义的样式才会在应用newClass之后应用。
来详细阐述我的问题。如果oldClass是
.oldClass
{
border:1px solid red;
background-color:green;
}
而newClass是
.newClass{
background-color:bla
浏览 2提问于2013-12-12得票数 0
回答已采纳
1回答
如何从下面的html代码中获得“这个文本”？
<h2 class="link title"><a href="myhref.html">this text<img width=10
height=10 src="img.jpg" /><span class="blah">
<span>Other texts</span><span class="sometime">00:00</span>
浏览 1提问于2012-02-23得票数 5
回答已采纳
1回答
我有一个wordpress网站，在那里我的索引页面将显示帖子标题，缩略图，并列出所有可用的帖子类别。帖子的每个实例还将显示所有可用的帖子类别。对于帖子中的每个类别，类别名称应该用浅蓝色背景颜色突出显示。目前，背景颜色功能只对第一篇文章起作用，而不是对其他三篇文章起作用。
我下面的代码旨在将帖子的每个类别放入一个数组中，并搜索给定类别的数组(为了简洁起见，下面的代码只搜索其中一个类别)。如果找到了类别，jQuery脚本应该会突出显示类别名称，但正如我上面所说的，它只适用于第一篇文章。
有没有人看到我做错了什么？提前谢谢。
<section class="blog-index"
浏览 0提问于2017-03-21得票数 0
2回答
我有一支笔：
如您所见，我有2个项目和3个属性(name、id、location)。
因此，当您单击favorites按钮时，名为"favorites“的类将添加到'li‘标记中，当您再次单击(不常用)时，"favorites”类将被删除。但是现在，我想静态地添加'location‘属性作为一个类。让我们看一个'Camp Nou‘项目的例子：
{
name: 'Camp Nou',
id: 'campNou',
location: '10'
}
我想要的结果是下一个：
<li
浏览 0提问于2019-09-17得票数 2
我在li元素中有div：
<ul id="tabs">
<li id="tab-1"> <div id="xxx"></div> </li>
....
</ul>
如果在CSS中，我在li元素上应用悬停效果
#tabs li:hover {....}
正如预期的那样，该效果应用于li和child div，
但是，如果我在li和冒号之间留一个空格
#tabs li :hover {....}
效果仅适用于子div
这是正常的吗？我是一个脚本初学者，通过阅读
浏览 3提问于2012-01-07得票数 1
回答已采纳
3回答
与此有关的问题已经很多。但我还是不清楚。也不确定问题的标题是否正确。我的问题是：
下面的CSS代码是什么意思？
#nav li { /*some cssA*/ }
#nav li.over { /*some cssB*/ }
#nav li a { /*some cssC*/ }
#nav li a:hover { /*some cssD*/ }
#nav li ul a span { /*some cssE*/ }
根据我的理解，如果我错了，请纠正我：
第1行：任何带有id="nav“的元素中的每个li元素都有样式cssA
第2行：当我将光标放在带有id="nav“的任何元素
浏览 0提问于2013-01-17得票数 2
回答已采纳
可能重复：
我的问题非常类似于这个问题：，但是，我似乎无法解决如何给出一个类名数组并一次完成这个任务？
，例如
诸如此类
我只想修改解包装类的链接。
浏览 5提问于2012-10-06得票数 0
回答已采纳
2回答
我想通过以下类隐藏bootstrap multiselect select all button：.multiselect-item.multiselect-all位于特定的div中(该类是通过引导添加到HTMLSelect中的)。目前，我用javascript将其隐藏如下：
$('.multiselect-item.multiselect-all').addClass('hidden');
但是这样做的原因是它在页面上的任何地方都隐藏了这个元素。我只想把它隐藏在指定的div中。我试过使用.parent()、.find()，但没有一种是有效的。任何帮助都是非常感
浏览 1提问于2018-04-30得票数 0
回答已采纳
3回答
当我将光标悬停在链接上时，如何更改div文本字体颜色？那么使用css是不可能的吗？我的尝试：
<style type="text/css">
a:hover .text {
color:#FF00FF;
}
</style>
</head>
<body>
<a href = "">link</a>
<div class = "text">TEXT TEXT</div>
<
浏览 2提问于2010-09-24得票数 1
回答已采纳
请看一下这段代码。我选择了具有相同I的所有元素，但是，只有第一个元素改变了颜色，当您将鼠标悬停在其他元素上时，它们的颜色保持不变。我不确定我的做法是否正确..请多多指教。
这里是-> 的生活演示
$(document).ready(function(){
$("#ade").live("hover", function(){
$("#ade").each(function (){
$(this).toggleClass('highlight');
浏览 1提问于2013-05-02得票数 1
回答已采纳
<tr class="field_20 field_facebook">
<td class="label">Facebook</td>
<td class="data"><p><a href="http://facebook.com/facebook">Test</a></p>
</td></tr>
<img id="fb" src="fb.png">
您好，这就是我
浏览 0提问于2013-06-05得票数 1
回答已采纳
1回答
基于对我最后一个问题的"“回答代码，这个代码获得用户对产品选项的输入，我试图使用这些值来计算显示给用户的价格，但我无法计算出来。
所有的代码都可以工作，除了上面的窗口警告消息。我也尝试在警告消息上方的php标记中添加一个过滤器函数get_price_html()，但是它显示了各种错误。
是否可以只使用javascript来更改显示的价格？
这是我实际使用的代码：
add_action( 'woocommerce_before_add_to_cart_quantity', 'func_option_valgt');
function func_option
浏览 1提问于2019-03-05得票数 1
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
