属性中的方括号不是有效的选择器
。方括号在CSS中用于属性选择器，可以根据元素的某个属性值来选择元素。但是在选择器中使用方括号时，方括号内的内容需要与元素的属性值完全匹配才能选中相应的元素。
例如，如果要选择所有具有"data-type"属性且属性值为"example"的元素，可以使用属性选择器：
[data-type="example"] {
/* 样式规则 */
}这样的选择器可以对拥有指定属性值的元素应用样式规则。
对于方括号本身作为选择器而言，并没有有效的用途。在CSS选择器中，我们通常使用标签名、类名、ID、伪类等来选择元素，而不是使用方括号。方括号在CSS中的主要作用是用于属性选择器，通过元素的属性值来选择元素。
相关·内容
我的问题是如何通过edit在CSS中选择这个元素？
要素：
<a href="***" class="example1 example2 example3" edit>click</a>
浏览 1提问于2021-10-26得票数 1
回答已采纳
4回答
CSS选择器问题
、、
这是我的html代码：
<label for="tx_alterneteducationcatalog_subscriberadd[newSubscriber][gender]"
class="error" id="tx_alterneteducationcatalog_subscriberadd[newSubscriber]
[gender]-error">This field is required.</label>
这是我的css代码：
#tx_alterneteducationcatalog_subscriber
浏览 0提问于2015-09-02得票数 0
2回答
我使用的是一个支付服务，它在我制作的模板中生成一堆代码。问题是他们在命名一些div时使用了括号"()“。这给我带来了一个问题，因为我必须样式化所有生成的div，而CSS不喜欢用括号命名的div。
他们的代码：
<div id="wwctrl_paytypeLogo_AMEX">
<div id="wwctrl_paytypeLogo_AMEX(SE)">
<div id="wwctrl_paytypeLogo_AMEX(DK)">
我的CSS：
#wwctrl_paytypeLink_MTRO butt
浏览 7提问于2011-04-14得票数 2
回答已采纳
2回答
我试图从html中删除被调用的组件标记，以防止外部库中的css中断(例如，从透明项目调用sidenav )：
something.component.ts
import {Component, OnInit, Input} from '@angular/core';
@Component({
selector: 'app-something',
templateUrl: './something.component.html',
styleUrls: ['./something.component.css']
})
e
浏览 1提问于2018-06-05得票数 13
回答已采纳
1回答
我是XSLT新手。这可能是个简单的问题，
示例: XML
<doc>
<sec id="sec_2" sec-type="norm-refs">
</doc>
我需要知道是否有任何<sec>节点包含属性sec-type='node-refs'，是否存在于原始的XML文档中。
浏览 2提问于2015-06-19得票数 0
回答已采纳
我有一个错误出现，我不知道发生了什么与脚本，对不起，我是一个初学者。Document.querySelector: '#categories_description[1]' is not a valid selector
for ($i = 0, $n = \count($languages); $i < $n; $i++) {
$name = 'categories_description[' . $languages[$i]['id'] . ']';
echo HTML::textAreaCkeditor
浏览 10提问于2022-07-02得票数 0
根据请求，我创建了一个jsFiddle示例，以在实际操作中显示这一点：
给定表中的以下HTML (剥离)：
<table id="aTable">
<tbody>
<tr id="editFormula-formulaResource-0" class="editFormula_formulaResource">
<td>
<input id="anArrayid[0].field1" name="name1" valu
浏览 3提问于2016-05-24得票数 0
回答已采纳
角2 在模板中展示了带有方括号和不带方括号的routerLink示例：
<a routerLink="/path">
<a [routerLink]="[ '/path', routeParam ]">
<a [routerLink]="[ '/path', { matrixParam: 'value' } ]">
<a [routerLink]="[ '/path' ]" [queryParams]="{ page:
浏览 1提问于2016-08-23得票数 35
回答已采纳
1回答
我有一个WebApp，在这里我需要使用CSS文件来操作某些元素。CSS类包含方括号和其他特殊字符。至少铬似乎没有直接接受它们。
<div class="profileElement profile[~redString]">123</div>
这门课有效吗？有办法用这个类名吗？我要：
.profile[~redString]{
color: red; }
当我用反斜杠将~转义时，chrome允许我将它注入到页面(F12 -> Elements ->，右上角的加号)，但以灰色显示css，这意味着页面中不存在该类。
那门课有效吗？如果是的
浏览 2提问于2015-08-28得票数 2
回答已采纳
我收到一个错误，认为我知道为什么，但不知道如何解决它.例如，/ id是：
shipping_addresscountry <<我想是因为括号[]
我的JS是
$(document).ready(function() {
$("form :input").each(function(index, elem) {
var eId = $(elem).attr("id");
var label = null;
if (eId && (label = $(elem
浏览 8提问于2017-05-25得票数 1
回答已采纳
导入，变量声明完成。仍然抛出错误。也可以阅读一些老问题。
app.module.ts:
import { HotelTableComponent } from './hotel-table/hotel-table.component';
import { HotelTableRowComponent } from './hotel-table-row/hotel-table-row.component';
@NgModule({
declarations: [
AppComponent,
HotelTableComponent,
H
浏览 0提问于2018-06-02得票数 3
回答已采纳
这应该是简单的，但我不能让它工作，所以会感谢任何指点。
我在我的网页中有一个函数，在一个带有输入等的表中添加一个新的行。这是一个非常基本的帖子，看起来像这样…
$.post(url, {
newRow : newRow
}, function(data) {
$('#' + tableName + ' > tbody > tr').eq(rowLoc).before(data);
}).done(function() {
reNumberTableIDName($tb)
});
reNumberTableIDName函数非常简
浏览 3提问于2014-05-08得票数 0
回答已采纳
3回答
我试图添加到html元素中，但由于某种原因，当元素的id名中有[0]时，它似乎不允许我这样做。
HTML
<div id="stuff[0]">
<div id="tag">blah</div>
</div>
<div id="stuff[1]">
<div id="tag">blah</div>
</div>
JQUERY
var id = "#" + "stuff[0]";
$(id)
浏览 6提问于2014-03-11得票数 4
回答已采纳
3回答
我使用的是ASP.Net MVC，它为我的对象树中的一个对象创建了一个文本框的id，如下所示：
<input id="evt_SessionLinks[0]_Sessions[0]_TimeTables[0]_TimeWindows[0]_Finish" name="evt.SessionLinks[0].Sessions[0].TimeTables[0].TimeWindows[0].Finish" type="text" value="" class="clockPick"/>
我正在尝试使用以下J
浏览 0提问于2009-07-20得票数 0
回答已采纳
我尝试使用javascript将从表单数据构建的div的内容发送到隐藏的表单字段，但我无法获得正确的语法。
在.js文件中，表单域如下所示
$('#ticketDetails').append ('<div id="seat-build-row-' + i + '" class="seller-listing row"> \
<input type="hidden" id="seatNumber-[' + i + ']"
浏览 0提问于2018-10-02得票数 0
1回答
我想在我的angular项目中的模板驱动表单中添加一个自定义验证器，但是ngModel似乎没有注册自定义验证器。你知道问题出在哪里吗？
验证器
import { Directive } from '@angular/core';
import { AbstractControl, FormControl, NG_VALIDATORS, Validator, ValidatorFn } from '@angular/forms';
function usernameExistsFactory(): ValidatorFn {
return (c: Abstr
浏览 3提问于2021-12-02得票数 0
如果在CSS中没有指定<h1 anyname>Text</h1>或id，那么如何引用CSS中的html元素？有选择吗？
当然，.h1 {...}对所有人都是有效的，但我只想给"h1任意名称“添加样式。
提前感谢！
浏览 6提问于2021-01-27得票数 0
回答已采纳
我想使用Nokogiri来提取元素中包含特定属性名称的所有节点。
例如，我想在下面的文档中找到包含属性"blah“的2个节点。
@doc = Nokogiri::HTML::DocumentFragment.parse <<-EOHTML
<body>
<h1 blah="afadf">Three's Company</h1>
<div>A love triangle.</div>
<b blah="adfadf">test test test<
浏览 0提问于2010-09-04得票数 5
回答已采纳
我使用的是最新版本的angluar。(7.2.0)我有个人tr组件，如： import { Component, OnInit, Input } from '@angular/core';
@Component({
selector: 'app-table-row',
templateUrl: './table-row.component.html',
styleUrls: ['./table-row.component.scss']
})
export class TableRowComponent implements O
浏览 29提问于2019-04-01得票数 5
回答已采纳
用户输入成对的值。我需要复制最后一组并重新编号他们的I。下面的函数运行，但是新的div没有出现。我在某个杂草丛生的地方...感谢您的帮助！
$('#addparm').click(function (event) {
event.preventDefault();
var maxSeq = $('#maxseq').attr("seq");
var lastDiv = $('#pct[' + maxSeq + ']').parent();
$(
浏览 0提问于2011-11-02得票数 0
回答已采纳
我有一个名为数据角色的自定义属性，我希望找到jQuery中的所有元素。
我目前正在使用一些旧的JavaScript代码来完成这个任务：
var elements = element.getElementsByTagName(tagName);
for(var i=0; i<elements.length; i++) {
if(elements[i].getAttribute("data-role") == "content") {
// does something evil
}
}
免责声明:没有检查代码，只是快速地将其写下来。
浏览 4提问于2013-08-06得票数 4
回答已采纳
有人能解释一下为什么这个HTML不适用于jquery mobile alpha4吗？不支持复选框数组吗？我该如何让它工作呢？
<div data-role="collapsible-set">
<div data-role="collapsible">
<h3>Vegetables</h3>
<div data-role="fieldcontain">
<fieldset data-role="controlg
浏览 1提问于2011-04-12得票数 0
在中，我看到了以下模式：
target.addEventListener(type, listener[, useCapture]);
现在我知道useCapture是一个可选的参数。为什么[在逗号(,)之前开始，而不是紧接在listener参数后面的逗号之后？除了[]是可选的这一事实之外，这对useCapture实际上意味着什么呢？我还在jQuery文档中看到了类似的文档模式，例如。
.on( events [, selector ] [, data ], handler(eventObject) )
浏览 2提问于2013-06-16得票数 7
回答已采纳
4回答
假设我有这样的表单：
<form method="post" name="b" >
<table>
<tr>
<td>Field A</td>
<td><input type='text' name='field[0][a]' id='field[0][a]'></td>
<td>Field B</td>
<td
浏览 6提问于2012-07-13得票数 1
回答已采纳
我有一个变量
var uniqueData = data[selectedIndex].values[0];
我想将它绑定到json数据集的不同值，以提取值。
当我做这件事的时候，效果很好。
var elec_plants = uniqueData.Total;
console.log(elec_plants)
但是有一些值中有空格，例如
Main activity electricity and heat production: "1.4"
如何将其绑定到uniqueData？
UniqueData.Main activity electricity and heat pro
浏览 5提问于2015-11-18得票数 0
回答已采纳
我从服务器获取了一些变量，这些变量在Javascript中是无效的。
示例：Short_%
有没有办法把它变成有效的？
另外，相关问题:如何调用这样的变量名？THis：myObject.Short_%不会工作。
浏览 0提问于2020-12-09得票数 0
3回答
使用jquery，我希望选择具有标题属性的input[type="text"]元素(不是特定的内容，只是标题的存在)。
我怎样才能做到这一点呢？
浏览 1提问于2011-10-27得票数 3
回答已采纳
我终于让eonasdan bootstrap 3 datetimepicker在MVC5的表单视图上工作了，然而，我在让它在列表视图上工作时遇到了麻烦。下面是我得到的代码。在列表视图中，单击日历字段不会调出日历。我遗漏了什么？有什么帮助吗？
表单视图：
<div class="input-group date">
@Html.TextBoxFor(m => m.ActivateDate, new { @class = "form-group" })
</div>
<script type="text/java
浏览 2提问于2015-04-14得票数 0
我有一个基本的测试页面：
<!DOCTYPE html>
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, i
浏览 1提问于2017-03-28得票数 0
2回答
我正在尝试使用帮助自定义操作更改web应用程序的应用程序池
<InstallExecuteSequence>
<Custom Action="ConfigureAppPools" Before="InstallFinalize">Application pool configured</Custom>
</InstallExecuteSequence>
<!-- Snip -->
浏览 2提问于2011-11-05得票数 0
我已经将NSViewController子类化，并将IBOutlets连接到辅助nib中的NSButton中。
我可以实例化NSViewController并在NSMenu中应用视图--它工作得很好--但是如何访问按钮来更改其标题呢？
因为NSViewController有IBOutlets，所以我假设我会通过控制器来做这件事。
//this part works great
NSViewController *viewController = [[toDoViewController alloc] initWithNibName:@"toDoView" bundle:nil]
浏览 0提问于2009-11-28得票数 1
回答已采纳
1回答
我需要一些关于这段代码的帮助：
<script type="text/javascript">
$(document).ready(function(){
$("#btnGrp").click(function(){
var dataString = 'IDAtelier='+ $("#IDAtelier").val() + '&Dates=' + $("#Dates").val();
$.ajax
浏览 2提问于2014-04-30得票数 0
回答已采纳
我有一个动态生成的表单，它是从异步AJAX调用中获得的，我还在一个JSON对象中提供了一些设置。我想专门针对一个字段使用jQuery，因此我将JSON数据加载到一个JS变量中以使用它：
var jsonData = {{response.write(session.j_jsondata, escape=False)}};
/*
I'm using Web2Py, so the part between the double curly braces is equal to:
{'fields': [{'required': 'true',
浏览 0提问于2013-02-26得票数 1
回答已采纳
我有多个元素，它们在表单中有ID(和名称)：
id="foo[1]"
id="foo[2]"
但是，我似乎无法使用以下命令取回该值：
$('#foo[1]').val();
在Jquery中访问这些多维数组的正确语法是什么。
谢谢。
浏览 0提问于2010-08-27得票数 1
回答已采纳
我正在构建一个webscraper，我有以下HTML代码块：
<div class = 'example-1'
<ul class = 'example-2'
<li>
<span title = 'data1' > 155 </span>
/
<span title = 'data2' > 155 </span>
我想在跨栏标题中擦亮数字155
浏览 5提问于2019-11-04得票数 1
回答已采纳
1回答
我正在使用MVC，并有一个主/详细查看页面。Details实际上是一个部分视图，包含一些输入字段、一个保存按钮，如下所示。
<button type="button" id="btnAddDetails" class="btn btn-primary">Add Details <span class="glyphicon glyphicon-plus"></span></button>
保存按钮将临时保存详细信息数据。
主视图中有一个提交按钮。当我单击submit按钮时，它会在相应的
浏览 9提问于2017-10-18得票数 0
回答已采纳
我的style.css中有以下测试代码(为所有元素打开边框)：
* { border: 1px solid blue; /*testing*/ }
目前，当我使用此测试功能时，我只是将1px更改为0px。
* { border: 0px solid blue; /*testing*/ }
但我发现带边框的按钮，即使是border=0，也不会采用默认的按钮样式。因此，我想从我的测试代码中排除button元素。如下所示：
*:not([button]) {
border: 1px solid blue;
}
但是上面的方法不起作用。
当对所有元素应用1px边框时，有
浏览 11提问于2017-06-24得票数 0
回答已采纳
2回答
我正在返回一些数据(下面的例子)并将其保存到一个jQuery对象中(或者这是一个数组，我混淆了这两个数组吗？)当我记录作为对象的变量时，它有我想要的值，但是如何访问这个对象中的数据呢？
码
$itemPosition = {
'top': $item.offset().top,
'left':$item.offset().left
},
console.log($itemPosition);
这将注销(在本例中是预期的) top: 0 & left: 490。
但我怎么能知道如何处理这些价值观呢？
而且，尽管这一点很明显，我仍然处于学习
浏览 1提问于2010-05-20得票数 5
回答已采纳
我和IE8有点小问题...
下面的代码在Firefox和Chrome中运行良好。
<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("[title=\"CAPPL:LOCAL.L_hk[1].vorlauftemp_ist-shortText\"
浏览 0提问于2011-05-18得票数 1
回答已采纳
5回答
我在我编写的程序中发现了一个错误，但是错误的行为让我费解：
如果我有：
<input type="text" name="cust_id" value="666" />
<input type="text" name="phone[]" value="666" />
然后使用这个选择器：
var test = $("input[name=phone[]]:eq(0)");
test.css("color", "red");
我看
浏览 5提问于2015-08-17得票数 5
回答已采纳
我正在尝试创建一个自定义指令，并得到了以下错误：
该指令包含在@NgModule内部的声明中。尽管如此，还是没有发挥作用。如果您需要更多关于错误的信息，只需询问。我不知道怎么回事。
app.component.html
<input class="text" [appInputFormat]>
input-format.directive.ts
[![import { Directive, HostListener } from '@angular/core';
@Directive({
selector: '[appInpu
浏览 3提问于2019-01-22得票数 8
回答已采纳
给定一个具有此类型标记的属性：
<label r4e-toggle="" class="sm ng-scope ng-isolate-scope r4e-toggle"
ng-attr-disabled="{{audit.profileOptedOut || undefined}}"
tooltip="Opted In"
ng-if="audit.source.listing.correctable && audit.hasListing
浏览 0提问于2018-09-13得票数 2
4回答
我从一个api中得到以下json数组：
response = {"base":"USD","date":"2015-11-05","rates":
{"AUD":1.3997,"BGN":1.7971,"BRL":3.8008}}
我从以下的http查询中获得了这个结果：
$http.get(url).success(function(response){
让我们假设
quote = "AUD";
我如何指出响应利率的AUD值(即利率= 1.39
浏览 6提问于2015-11-06得票数 2
回答已采纳
2回答
我在试着给代码跨度元素着色。我尝试了各种类似问题的解决方案，但它们似乎对我不起作用。在下面的代码中，只有addClass行不能工作。
代码片段1
for (var m=0;m<software.length;m++)
{
alert('software['+m+'] :'+software[m].priority);
if(software[m].priority>=2)
{
alert('software['+m+'] :'+software[m].priority);
浏览 2提问于2015-12-01得票数 1
回答已采纳
7回答
我有一个DOM元素，它的ID类似于：
something[500]
它是由我的Ruby on Rails应用程序构建的。我需要能够通过jQuery获取这个元素，这样我就可以遍历DOM来删除它的父元素的父元素，它有一个我事先无法访问的变量ID。
有人知道我是怎么做的吗？以下代码似乎不起作用：
alert($("#something["+id+"]").parent().parent().attr("id"));
在进一步检查后，请注意以下各项：
$("#something["+id+"]")
返回一个对象，但当我对它
浏览 0提问于2009-08-06得票数 84
回答已采纳
2回答
更改“无线按钮选择”时清除复选框
、、、、
我在Wordpress中使用带有字段I的表单生成器。我需要取消选中一个特定的复选框，如果一个特定的单选按钮选择被改变。单选按钮的字段ID是180。复选框的字段ID为640。以下是我第一次尝试的：
<script type="text/javascript">
jQuery(document).ready(function($){
$('input[name="item_meta[180]"]').change(function(){
$('input[name="item_meta[640]"]&#
浏览 0提问于2013-07-30得票数 1
回答已采纳
我试图从从ajax收到的数据中动态地选择多个选择框中的选项。
HTML
<select multiple="multiple" id="sbox[]" name="sbox[]">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
JQuery
浏览 1提问于2011-04-06得票数 1
回答已采纳
我有一些代码，当我重命名一个类名时，它会给我带来以下错误。
这不会产生错误：
this.container = document.createElement("ul"),
但是，当我将容器类名重命名为：
this.tt-container = document.createElement("ul"),
我得到以下错误：
语法错误:赋值表达式中左侧无效
我怎么才能解决这个问题？
浏览 0提问于2018-09-23得票数 0
回答已采纳
4回答
从JSON检索值
、、
我想从下面给定的json中提取tenantId值
{
"ClientAccounts":{
"@tenantId":"entpriseDemo",
"clientAccount":[
{
"guid":"447a0bac-51e0-4f5f-b504-97dca5825530",
"totalValueFormatted":"$1,100,000"
}
]
}
}
这是我的javascript函数，用于调用
浏览 3提问于2013-09-04得票数 0
回答已采纳
我有一个HTML数组；
<input class="input_box" name="authors[]" id="author1"/>
我想要做的是，在不刷新页面的情况下将这个数组的值显示出来(我确实在一个独立的div中显示了紧挨着输入字段的值)
$(document).ready(function(){
$("input[id^="author"]").change(update);
});
function update(){
var authors=new Array(
浏览 2提问于2012-03-15得票数 6
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
