为什么我的属性选择器不工作？
属性选择器是一种CSS选择器，用于选择具有特定属性值的HTML元素。当属性选择器不起作用时，可能有以下几个原因：
- 语法错误：请确保属性选择器的语法正确。属性选择器的基本语法是在方括号内指定属性名和属性值，例如
[属性名="属性值"]。如果语法错误，浏览器将无法正确解析选择器，导致选择器不起作用。 - 属性值错误：请检查属性值是否正确。属性选择器只会选择具有指定属性值的元素。如果属性值错误或与实际元素的属性值不匹配，选择器将无法选择到相应的元素。
- 优先级问题：请确保属性选择器的优先级正确。如果其他选择器具有更高的优先级并且应用了相同的样式规则，属性选择器可能会被覆盖。可以通过提高选择器的特异性或使用
!important关键字来提高属性选择器的优先级。 - 兼容性问题：某些属性选择器可能不被某些浏览器支持。在使用属性选择器时，请确保目标浏览器支持所使用的属性选择器。可以通过查阅浏览器兼容性表格或使用CSS前缀来解决兼容性问题。
- 元素不存在：请确保要选择的元素存在于HTML文档中。如果元素不存在或尚未加载，属性选择器将无法选择到相应的元素。
总结起来，当属性选择器不起作用时，需要检查语法、属性值、优先级、兼容性和元素是否存在等方面的问题。如果问题仍然存在，可以提供更具体的代码和环境信息以便进一步分析和解决。
相关·内容
3回答
重写组合css类
css
关于加载CSS文件和重写类的顺序有很多问题，但是在阅读它们之后，我仍然有一些我无法理解的东西。
有两个CSS文件：
<link rel="stylesheet" href="standard.css" type="text/css">
<link rel="stylesheet" href="override.css" type="text/css">
按这个顺序装载(我查过了)。
HTML如下所示：
<div class="div_D1 ov_D1"&
浏览 2提问于2015-03-23得票数 0
回答已采纳
5回答
它们之间的区别是什么
body{
background: #4b4b4b;
}
和
*{
background: #4b4b4b;
}
哪个具有更高的优先级？
浏览 10提问于2011-05-05得票数 9
回答已采纳
4回答
基本的CSS故障
css
我想这对你来说很简单，但我不能理解它。我把重要的部分去掉了。我在#content里面有文本，所以我不能改变它，我也不想用!important标签。css的显示顺序与其在css文件中的放置顺序相同。
为什么"#content h2 a，#content h2 a:visited“会覆盖.post-header h2 a？
<html>
<head>
.....
</head>
<div id="content">
.....
<div class="pos
浏览 2提问于2010-04-06得票数 2
回答已采纳
2回答
我如何知道为什么CSS样式会被忽略？
html、css、google-chrome、trace
我通常通过使用CSS web浏览器来跟踪我的stylesheet。
我可以看到我的一些样式被Chrome的检查窗口忽略了--这种样式是用黑线划掉的。
我看不出它为什么被忽视了。通常，我会用我的眼睛跟踪所有的风格，看看为什么它会被忽略。
我可以通过Chrome或其他方法知道结构(继承)信息吗？
浏览 4提问于2014-07-29得票数 10
2回答
CSS适用于id，但不适用于类，因为有引导程序。
html、css
我有以下问题：
<input id="c-search" type="text" class="form-control search" placeholder="Search..."/>
.search {
width: 275px;
margin-left: 15px;
transition: 0.5s;
}
我的css的宽度不起作用，因为它被引导的form-control-class覆盖了。
我不能在css中使用！！，因为我需要稍后用javascript更改宽度，而且我不想为id对齐css
浏览 0提问于2020-02-02得票数 0
回答已采纳
2回答
定义一个类不是全局有效的，而是局部有效的
css、wordpress
当我在帖子的自定义CSS中定义一个类的代码时，这是有效的，但是如果我在主题选项->自定义CSS下全局定义相同的代码，这是不起作用的。
.learndash-wrapper .ld-table-list a.ld-table-list-item-preview {
color: #13fff8;
}.
因此，我必须通过帖子添加此代码来获得适当的字体颜色…我希望它能在全球范围内运行。
知道为什么会这样吗？
浏览 0提问于2019-05-29得票数 1
2回答
如何将CSS规则推广到同一元素的特定子元素，而不重复父元素的保留字？
html、css、css-selectors
问题描述
我希望我的所有h2、h3、p和picture的article子级具有以下css规则：
margin-left: 16px;
margin-right: 16px;
我在做什么
因此，我在CSS中使用>运算符：
article > h2, article > h3, article > p, article > picture {
margin-left: 16px;
margin-right: 16px;
}
但是，这个表单需要大量重复article关键字，而且我真的需要这些更改才能只适用于article的子级。是否有任何方法可以使用单词
浏览 3提问于2022-01-09得票数 1
回答已采纳
8回答
CSS优先级
css
我的网页包含：
<link href="/Content/Site.css" rel="stylesheet" type="text/css" />
<style type="text/css">
td {
padding-left:10px;
}
</style>
引用的样式表包含：
.rightColumn * {margin: 0; padding: 0;}
我在rightcolumn ID中有一个表，我希望单元格有一些填充。但是，引用的样式表优先于内联样式。我在视觉上和Fire
浏览 0提问于2009-03-20得票数 26
回答已采纳
5回答
重置不允许我更改H1大小
html、css、sass、html-heading
所以这是一个奇怪的虫子，我似乎搞不懂。
我在我的应用程序中使用Meyers重置。但是，当我编辑我的主要css文件以更改h1字体大小时，它不会更改它。但是当我把它放进身体标签里时，它就起作用了。有人能给我解释一下吗？
示例
base.css.scss
h1 {
font-size: 2em; //--This doesnt work
}
body {
width: 100%;
height: 100%;
h1 {
font-size: 2em; //-- This works
}
}
浏览 5提问于2014-04-10得票数 0
回答已采纳
2回答
CSS样式不是“层叠”吗？
css、hyperlink
我正在更新某人的网站。他们选择<a>标签的标记如下所示：
#wrapper a{color: red;}
这很好。但是，如果我在包装器中创建一个<div>，并为它提供我自己的<a>标记样式，例如：
.mydiv a{color: white;}
它根本不起作用-我的<div>中的color:white被包装中的颜色:红色覆盖，即使.mydiv css位于我的外部样式表上的#wrapper css下面。更重要的是，每个其他样式-背景-颜色，边框等-都很好用！
浏览 0提问于2012-06-20得票数 5
回答已采纳
2回答
将使用哪个样式表？(即条件语句)
html、css、internet-explorer
我需要为IE使用一个不同的样式表，我想知道哪个样式表会控制它。
例如，我将在
<link rel="stylesheet" type="text/css" href="styles/style.css" />
<!--[if IE]><link rel="stylesheet" type="text/css" href="styles/ie.css" /><![endif]-->
那么我是否需要在IE样式表中的所有地方使用!important？或者，I
浏览 1提问于2009-04-18得票数 1
回答已采纳
3回答
CSS对象解析
css、class、object
如果CSS中的两个类具有相同的派生类，那么CSS如何解析正确的类？
例如：
.ClassA.Left {}
.ClassB.Left {}
.Left {}
既然类‘左’可以应用于任何对象，我怎么能确信它是我想要的呢？绑定“左”的优先级是什么？
浏览 1提问于2013-09-21得票数 0
回答已采纳
1回答
使用Javascript更改背景色后，请不要更改颜色
javascript、css
我有一个很长的表格，有很多字段。一些字段从单独的DIV获取数据，其中还有其他更具体的字段。
每个字段以及它的标签都包含在一个单独的块中。为了突出显示字段，他们的类有一个CSS :hover。
字段块上的CSS :hover运行良好，onmouseover和onmouseout在传递数据给它们的许多DIV上也使用以下Javascript：
function LineOn(whichOne) {
document.getElementById(whichOne).style.backgroundColor = '#cf0';
}
function LineOff(whic
浏览 2提问于2015-03-22得票数 0
回答已采纳
6回答
如果为元素指定了id和class，那么应用哪个属性?为什么？
html、css
我有这个：
<!DOCTYPE html>
<html>
<head>
<link type="text/css" rel="stylesheet" href="stylesheet.css"/>
<title>My Social Network</title>
</head>
<body>
<div id="best_friend" class="f
浏览 2提问于2015-05-21得票数 3
回答已采纳
我无法找到解释，我是否应该在CSS中使用例如element.myclass或.myclass来对元素进行样式化。
所以，我应该使用吗？
[p/span/div/h1/etc..].intro {
font-size: 10px;
}
或
.intro {
font-size: 10px;
}
我知道这两者的区别，但我不知道我需要用哪一种。
浏览 7提问于2016-10-11得票数 1
回答已采纳
1回答
Angular全局css文件css不适用于其他组件
javascript、html、css、angular、typescript
我正在使用Angular v10，我有几个CSS用在整个应用程序中，所以我把它写在我们的全局styles.css文件中，但是CSS不适用于其他组件，如果我在组件相关的CSS中编写相同的CSS，它工作得很好。在搜索时，我在组件中声明了ViewEncapsulation.None，它在一个组件上工作得很好，但仍然无法应用于其他组件。以下是我的angular.json文件
我从来没有在任何angular项目中遇到过这个问题，是新版本的Angular有什么问题，还是我做错了什么？
任何帮助都是非常感谢的！
浏览 0提问于2020-09-30得票数 1
3回答
如何通过JavaScript获取类名
javascript
在没有使用此span的id的情况下，如何通过JavaScript获取类名。
喜欢：<span class="xyz"></span>
我想更改此span的背景色。
我该如何解决这个问题呢？请帮帮我。
tympanus.net/Tutorials/CSS3PageTransitions/index3.html#contact
浏览 0提问于2011-10-17得票数 6
回答已采纳
2回答
跨浏览器样式CSS窗体ID
css、forms、cross-browser、css-selectors、backwards-compatibility
我有一个标记为：<form id="some-form">的表格。我总是选择使用
#some-form { /* declare my css */ }
但是，我的一位团队成员说，这不是跨浏览器或向后兼容的，我需要使用如下语法声明我的css：
form [id="some=form"] { /* declare my css */ }
有人能详细说明这是否属实吗？哪些浏览器/版本会受到影响？有什么正确的语法来确保跨浏览器的向后兼容性？谢谢!
浏览 3提问于2013-08-15得票数 0
回答已采纳
2回答
SVG属性是否优先被CSS和样式所击败？
css、html、svg
我有带有指定笔画属性的SVG行。
<line class="myLine" stroke="red" x1="40" x2="200" y1="100" y2="100" stroke-width="5" />
还有一个CSS类，其中包含了笔画值：
line.myLine
{
stroke:green
}
为什么CSS类实际上优先于显式svg属性，而行呈现为绿色？
同时，如果在样式属性中添加带有笔画的样式属性，则style将重写css类& same属性。因此，
浏览 3提问于2017-11-03得票数 8
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
活动推荐
腾讯云开发者
