为什么#选择器的特异性比什么都小？
选择器的特异性比什么都小是因为它是CSS中用于确定样式应用优先级的一种机制。特异性是根据选择器的组合和权重来计算的，用于确定哪个样式规则将被应用于特定的元素。
特异性由四个部分组成，分别是内联样式、ID选择器、类选择器和标签选择器。其中，内联样式具有最高的特异性，其次是ID选择器，然后是类选择器，最后是标签选择器。当多个样式规则应用于同一个元素时，特异性较高的规则将覆盖特异性较低的规则。
选择器的特异性比什么都小的原因是为了保持CSS的灵活性和可扩展性。通过将特异性设计为有限的范围，开发人员可以更容易地管理和控制样式的应用顺序，避免样式冲突和混乱。
选择器的特异性在实际应用中非常重要。通过合理地使用选择器的组合和权重，开发人员可以精确地控制样式的应用范围，确保样式规则按照预期的方式生效。同时，了解选择器的特异性也有助于开发人员更好地理解和调试CSS代码。
在腾讯云的产品中，与选择器的特异性相关的产品和服务有：
- 腾讯云CDN（内容分发网络）：通过将静态资源缓存到全球各地的节点服务器上，加速内容传输，提高网站访问速度和用户体验。了解更多：腾讯云CDN
- 腾讯云Web应用防火墙（WAF）：提供全面的Web应用安全防护，包括防护DDoS攻击、SQL注入、XSS攻击等常见的Web攻击方式。了解更多：腾讯云WAF
- 腾讯云云服务器（CVM）：提供可弹性伸缩的云服务器实例，支持多种操作系统和应用场景，满足不同规模和需求的业务。了解更多：腾讯云云服务器
以上是腾讯云提供的一些与选择器的特异性相关的产品和服务，可以根据具体需求选择适合的产品进行使用。
相关·内容
1回答
对于这个问题的上下文，我正在构建网站。
我注意到，在小于700 in的width中，箭头与后面隐藏的文本重叠。因此，它是不可点击的。但我发现，当屏幕小于700 px时，.post p { margin-top:2px; margin-bottom:2px;}将优先于.descr {margin-top:30px;text-align:justify;}。为什么会这样呢？我认为更详细(.descr是一个class，比p更详细)将优先考虑。情况并非如此，因为在铬工具开发程序中，margin-top:30px;显示为交叉的。是因为div .post下实际上有4 p吗？
浏览 5提问于2015-09-08得票数 0
回答已采纳
2回答
对于诸如input[type="submit"]这样的事情，有什么特别的规则吗？我遇到了问题，CSS属性被加载在一个看似不正确的顺序。
在我的CSS样式表的第400行中，我有以下内容：
input[type="submit"] {
margin: 5px;
}
这是提交按钮的标准设置。但是，我有一个特定的submit按钮，我希望它的样式有所不同，它位于我的CSS样式表的第800行，所以我认为它会覆盖以前的样式：
.inputSubmit {
margin: 0;
margin-left: 5px;
font-size: 13px;
line-height: 18
浏览 3提问于2014-03-26得票数 0
回答已采纳
3回答
.formWrap input[type="text"] {
font-size: 12px;
}
.bigger {
font-size: 14px
}
<div class="formWrap">
<input type="text" class="bigger" />
</div>
为什么上面没有将输入字段的文本设置为14 of？
当我使用input[type="text"]选择器时，如何针对特定的类(即formWrap的子类)
是否有更
浏览 4提问于2014-09-23得票数 1
回答已采纳
好的，有很多文章讨论CSS中的级联优先级，我最近读过，我想出了一些要点：-
id权重大于类，类大于标记
id的权重与内联样式相同，但由于内联的出现较晚，它赢得了覆盖规则。
选择器权重越大，选择器越少，即.container img规则将覆盖img规则。
看看这个代码：-
<div id="flowerContainer" >
<img id="flower" src="..." />
</div>
试着适用以下规则：
#flowerContainer img{width:500px
浏览 1提问于2015-11-04得票数 1
回答已采纳
我有两个页面(SignIn和PasswordReset)和一个外部CSS文件(名为MainStyleSheet.css)。我的页面中有一些HTML元素，它们都有一个类(名为ab-control-container)。在这两页中，我都需要覆盖类ab-control-container的一些样式表。
让我困惑的问题是，在internal (SignIn)中，内部样式表正在覆盖外部样式表，而在第二页(PasswordReset)中，与第一页样式表相同的内部样式表并不覆盖外部。
这就是Chrome检查元素工具显示的内容:第一页：
第二页：！
问题出在哪里?为什么？
浏览 0提问于2018-04-05得票数 0
回答已采纳
2回答
我通常通过使用CSS web浏览器来跟踪我的stylesheet。
我可以看到我的一些样式被Chrome的检查窗口忽略了--这种样式是用黑线划掉的。
我看不出它为什么被忽视了。通常，我会用我的眼睛跟踪所有的风格，看看为什么它会被忽略。
我可以通过Chrome或其他方法知道结构(继承)信息吗？
浏览 4提问于2014-07-29得票数 10
1回答
重写列表样式
、、、、
我有一个样式表用于ASP.Net站点中的多个CSS页面。其中两个页面的列表样式几乎完全相同。
E.g
所有页面的样式：
li { padding-left:40px; text-indent:-44px; }
样式用于需要单独样式的列表：
.customlistitem {padding-left:90px; text-indent:0px; }
然后在实际页面中需要稍微不同的样式的列表：
<li class="customlistitem">
问题是定制选择器没有覆盖样式表中的样式。这是为什么？
浏览 0提问于2014-05-29得票数 2
回答已采纳
3回答
下面的标记将SAMPLE TEXT靠左对齐。
在我看来，它似乎应该向右对齐。向右对齐的类在向左对齐的类之后声明。向右对齐的类甚至会在最后被引用。那么为什么向左对齐的类会赢呢？
CSS
.table {
width: 100%;
}
.table td {
text-align: left;
}
.cell {
text-align: right;
}
HTML
<table class="table">
<tr>
<td class="cell">
SA
浏览 33提问于2012-03-02得票数 17
回答已采纳
4回答
对于css样式替换优先级，我遇到了一点困惑。
我有一个示例代码：
<style>
#list div {
background-color: #999;
}
#d2 {
background-color: #fff;
color:red;
}
</style>
<div id="list">
<div>item 1</div>
<div id="d2">item 2</div>
<div>item 3</div&
浏览 2提问于2013-12-30得票数 1
回答已采纳
1回答
我有以下HTML：
<ul class="menu">
<li>One</li>
<li class="two">Two</li>
<li>Three</li>
</ul>
以下是CSS：
.menu > li {
color: red;
}
.two {
color: green;
}
但是所有的列表项目都是红色的。如果我把它改成这个
ul > li {
color: red;
}
.two {
color: green;
浏览 2提问于2013-07-28得票数 0
回答已采纳
5回答
#top a {
color: #C6D6CA;
margin: 0 25px;
text-decoration: none;
}
.mainlink a {
display: block;
height: 100%;
width: 100%;
margin: 0;
}
.mainlink div位于#顶部的某个位置。为什么#top a (父级)定义覆盖了.mainlink a中设置的定义？如何改变这种行为？
浏览 1提问于2011-01-05得票数 0
回答已采纳
1回答
这是我的代码：
HTML
<div id="corner">
<div id="cornerbox"></div>
</div>
CSS
#corner {
background-color: red;
width: 200px; height: 200px;
}
#corner #cornerbox {
background-color:black;
width: 100px; height: 100px;
opacity: 0.4;
}
#corner:hover
浏览 0提问于2013-02-18得票数 2
回答已采纳
2回答
这非常奇怪，但请查看以下html和css。只要我将table和tableWrapper保留为元素，并为它们定义ids，就可以很好地工作
如果我试图使它们成为类(将#更改为.在css中)，并将html元素上的id更改为类，那么circle类就不再包含在tableWrapper中(它们超出了它的边界)。我真的大吃一惊，因为我从来没有想过某个东西是id或class会对布局产生影响，但我在IE10和google chrome v25上都看到了这种情况。
我不是在寻找这个特定问题的解决方案。我正在寻找理解，并希望一些链接到一些w3c文档，解释为什么会发生这种情况，以及我可以对此有什么期望。
浏览 0提问于2013-03-10得票数 0
为什么下面示例中的input[type=number]选择器会覆盖.num类选择器？难道不是两者都有1的特异性吗？
我的期望是，无论后来宣布哪种情况，都会推翻前者。
HTML：
<input type="number" class="num">
CSS：
input {
width: 100px;
}
input[type=number] {
border: 2px solid #c0ffee;
}
.num {
border: 2px solid #c55;
}
浏览 3提问于2017-06-12得票数 1
回答已采纳
3回答
我正在为当前页面(.active)制作菜单列表，下面是我的第一次尝试：
.menu li:hover,
.menu li:focus {
border-bottom-color: #000;
}
.menu li.active {
border-bottom: 10px solid #888;
}
(为了获得干净的页面，我将所有内容都放在上。)
但是，关于选项卡的悬停效果并没有以我想要的方式显示。所以我改变了两个的顺序，如下所示。
.menu li.active {
border-bottom: 10px solid #888;
}
.menu li:hover,
浏览 9提问于2015-07-19得票数 1
回答已采纳
我试图降低CSS在我的项目中的特异性，通过使用样式表选择器-max-专用性，现在我已经将它设置为"0.2.0“。问题是，当我使用wonderful-input::placeholder时，它不会抛出一个错误，即使它具有0,0,1的特异性，但是当我使用wonderful-input:focus::placeholder时，它的特异性会提高到0,1,1，并抛出一个错误。我得到ofc的错误是：
预期".input-basic__input--active:focus::placeholder“的特异性不超过"0,2,0”(selector-max-specificity)S
浏览 13提问于2022-03-30得票数 0
回答已采纳
4回答
我有一个似乎很常见的CSS继承情况，但我不明白为什么它不能像我想象的那样工作。
以下是从Chrome web调试器中看到的继承外观
所以我希望我的".homeBox p“样式会覆盖"#mainContent p”的样式。然而。
#mainContent p样式覆盖了.homeBox p。有什么用？
浏览 0提问于2012-02-08得票数 0
回答已采纳
我有输入文本
<input type="text" class="name">
有人能解释一下为什么ccs的角色
input[type="text"], input[type="search"], input[type="password"] {
background: none repeat scroll 0 0 #FFFFFF;
}
覆盖
.name{background:yellow}
不管css文件中的顺序(谁排在第一位)。
但是，如果我指定了父类的名称，则重写将相反
例
浏览 0提问于2014-04-10得票数 0
回答已采纳
我有这个：
<!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
回答已采纳
我现在在这个网站上工作，但我不明白为什么这个不能工作..我希望在每个控制导航链接的底部和顶部放置小边框(见幻灯片的右侧)，如果任何人有任何指针这将是伟大的…
.nivo-controlNav a + a {
border-top: 1px solid #000000;
}
为了清楚起见，我将包含一个更多的css，这样你就可以看到我在说什么了…
.nivo-controlNav {
text-align:center;
position:absolute;
right:-180px;
height:474px;
width:180px;
top:0px;
z-index:8;
}
.nivo-
浏览 2提问于2012-09-13得票数 1
回答已采纳
3回答
我有以下HTML：
<div class="form-square">
<div class="seven-col">
Hello World!
</div>
</div>
和以下CSS：
div.form-square > div {
padding: 50px;
}
.seven-col {
padding: 0;
}
Firefox和Firebug使用的是两个CSS规则中的第一个。为什么"div.form-square > div“比
浏览 2提问于2011-08-23得票数 7
回答已采纳
根据的说法，当同一元素上存在冲突的CSS样式时，嵌入样式会覆盖外部样式，但这不是我所观察到的。
我有以下HTML (简化版)：
<html>
<head>
<link rel="stylesheet" type="text/css" href="foundation.min.css" />
<style type="text/css">
.dialog_error_container
{
display: none;
}
</style>
浏览 0提问于2013-01-05得票数 1
回答已采纳
例如，假设我有这样的HTML：
<ul id="nav">
<li>one</li>
<li id="my_item">two</li>
<li>three</li>
<li>four</li>
</ul>
然后是CSS：
#nav li {
margin-bottom:10px;
}
#nav #my_item {
margin-bottom:30px;
}
为什么我不能只使用#my_item作为最后一个选择器呢？
浏览 0提问于2012-08-12得票数 1
回答已采纳
2回答
我试图在菜单上实现一个功能，我正在使用on.When --我滚动了50多个像素，比如说，我想让背景色变黑。这是我的代码：
function myFunction() {
var x = document.getElementById("test");
if ( document.body.scrollTop > 50 || document.documentElement.scrollTop > 50 ) {
x.classList.toggle("change");
}
}
#test {
background
浏览 1提问于2018-04-21得票数 0
回答已采纳
我学会了如何基于计算css的特异性，但是基于这个参考，我不明白伪类( c)和伪元素(从d)之间的区别是什么？
例如,
input[type="text"]:hover
悬停是伪类( c)还是伪元素( d)？
与input[type="text"].error相比，哪一种具有更高的特异性？
浏览 0提问于2014-09-03得票数 0
回答已采纳
这是我在FireFox和Chrome中看到的一个令人困惑的行为:我有一个包含来自两个CSS文件的样式的HTML文件。有时从第二个文件应用样式，有时从第一个文件应用样式。在下面的示例中可以看到这种奇怪的行为：
HTML文件：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/x
浏览 0提问于2011-10-21得票数 1
回答已采纳
我写CSS代码时，我正在做一个关于后代选择器的练习，然后我真的开始想，如果我们把我们的页脚p选择器放在我们的p选择器的顶部，在css代码中呢？(首先，我有页脚p选择器)，我尝试了，但我没有预料到结果，我认为这个页脚p选择器声明将被p声明覆盖，因为页脚内的p仍然是p元素，为什么不发生这种情况？你能解释一下吗，谢谢
浏览 4提问于2022-08-27得票数 -1
2回答
我有两种风格，每一种都是在各自的第三方控制下宣布的，它们不能很好地配合在一起，我甚至不知道为什么--以及最终--如何让它们像我想的那样工作。
HTML：
<table>
<tr class="myrow">
<td>normal cell</td>
<td class="ui-state-error">error cell</td>
</tr>
</table>
CSS：
.myrow>td { /* declared in the g
浏览 10提问于2016-05-20得票数 3
回答已采纳
2回答
我有一个链接，这是应用到我的网站标题的徽标。我的问题是，该链接有填充到它的右边，这推动了徽标偏离中心。
我已经更改了CSS中的填充，虽然我可以看到样式已经应用到开发人员工具中，但它忽略了我在CSS中设置的值。
CSS文件
#masthead .custom-logo-link {
padding-right: 0em;
}
呈现的HTML
#masthead .custom-logo-link {
padding-right: 2em;
}
我不明白为什么如果它应用样式，就会忽略填充的值
编辑:只是为了更新人们为什么这段代码不能工
浏览 5提问于2019-05-04得票数 0
此html：
<html>
<head>
<style>
#outter_div .span_class a {background: red;}
#inner_div span a {background: blue;}
</style>
</head>
<body>
<div id='outter_div'>
<div id='inner_div'>
<span id='span_id' class='spa
浏览 0提问于2011-11-13得票数 0
回答已采纳
2回答
在下面的片段中，我将第一个列表项改为红色，并隐藏了所有其他列表项。
然后，我试图显示所有的列表项目，并通过锁定li元素使其全部变为黑色。
目前，没有使用最后一个li选择器进行任何更改。
所以，我想知道为什么上一个li 选择器对视觉输出没有影响？
谢谢
li:not(:first-child) { /* Hide all li elements other than the first one */
display: none;
}
li:first-child { /* Set list item 1 to be red */
color: red;
}
/* Undo all
浏览 0提问于2018-08-04得票数 3
回答已采纳
5回答
当我使用CSS时，这个问题会时不时地出现，这就是我面临的问题。
我当前的代码是：
<div class="entry">
<div>
<blockquote><p>quoted text</p></blockquote>
</div>
</div>
在我的css中，我有：
.entry p {margin: 10px}
blockquote {stuff}
blockquote p {margin: 0px}
我认为块引号里面的段落应该是'.entry p&#
浏览 0提问于2011-09-09得票数 0
回答已采纳
3回答
关于加载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
回答已采纳
2回答
据我所知，类的样式应该优先于元素样式。我尝试过设置button、input[type=button]和input[type=submit]的样式，并注意到对于input (button和submit)，元素中的border样式将优先于类的border样式。然而，我没有注意到button元素上的这种行为。
下面是演示这种情况的：
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
<style>
input[type=button],
浏览 0提问于2012-01-25得票数 1
回答已采纳
我想知道为什么媒体查询的优先级低于普通css？如何让媒体查询变得更加重要？
@media screen and (min-width: 100px) and (max-width: 1499px) {
.logo img {
width: 120%;
}
}
.logo img{
width: 100%;
}
<div class="logo">
<a href="/#!/"><img src="http://www.menucool.com/slider/jsImgSlider/imag
浏览 0提问于2015-09-15得票数 27
回答已采纳
我在下面加了一把小提琴，使我对正在处理的事情有了一个直观的认识。在处理css选择器时，我意识到！重要的选择器非常强大，直到它满足了它的老板:而不是选择器。
div:not(.red){
background-color:green !important;
width:400px;
height:50px
}
在我的小提琴里，我向所有的背景宣布了紫色的初始值。我命令第一个特别是红色，第二个是蓝色，然后我命令我的所有背景，除了红色是绿色。它就这么做了！
到目前为止还不错
然后我做了一个棕色，另一个棕色的颜色变紫色很重要。它改变了两种棕色的颜色。
令人困惑的是，当我明确要求除
浏览 5提问于2014-03-19得票数 2
回答已采纳
2回答
我已经做了代码，改变标题不透明度时滚动，但我希望它改变背景颜色时，它滚动下来。不知道为什么，但它不改变这个属性，而是改变其他属性(如不透明度和转换持续时间)。为什么它不改变背景颜色？
代码输入演示在上传到此站点时出现显示错误，但不确定为什么它在我的网站上运行良好：
<script type="text/javascript">
var headerWrap = $('#header-wrap');
$(window).scroll(function() {
headerWrap.addClass('scroll-opacity-c
浏览 0提问于2017-01-27得票数 0
回答已采纳
5回答
CSS专用性问题
、、
我正在为我自己的教育创建一个javascript游戏。这个游戏需要几个页面，我是通过隐藏的div实现的，当你想查看它们时，隐藏/取消隐藏(offtopic:欢迎任何关于这是不是一个好主意的建议)。
我有一个用display: none;隐藏所有div的CSS规则，然后有一个用display:block;取消隐藏特定div的类。然而，似乎是我用于选择所有div的css选择器覆盖了类，而不是隐藏了类，从而导致规则不适用。我知道我可以使用!important属性来修复这个问题，但是我想知道为什么我写的东西不能工作。我认为类将是一个足够具体的选择器，并且规则甚至在隐藏规则之后。
这是我的资料来源：
&
浏览 0提问于2011-09-13得票数 2
回答已采纳
我的HTML：
<div id="login-light" class="bg-green"></div>
我的CSS：
#login-light {
background-color: red;
}
.bg-green {
background-color: green;
}
当元素具有类.bg-green时，如何使其具有背景颜色为绿色？我知道id的CSS优先于类。我想尝试在没有JavaScript的情况下做到这一点。
浏览 2提问于2016-03-11得票数 2
回答已采纳
2回答
为什么的颜色是红色而不是黑色？
HTML：
<div class="error classA" att="A"></div>
CSS：
div {
width: 100px;
height: 100px;
}
[att=A].classA {
background-color: red;
}
.error {
background-color: black;
}
如果我删除[att=A]，它会变成黑色，正如预期的那样。为什么会这样呢？
浏览 2提问于2010-06-21得票数 4
回答已采纳
在以下方面有什么不同：
#example .test{margin-top:10px}
和
#example span.test{margin-top:10px}
.test是完全唯一的，不存在任何同名的类。我一直在尝试使用这样的
<div id="example">
<label for="name">Name</label>
<input name="name" type="text" />
<span class="test">
浏览 1提问于2011-06-16得票数 0
回答已采纳
为什么像Bootstrap这样的普通工具包不直接针对按钮标记，而是定义像btn和btn这样的类--默认的呢？
我不明白为什么<button class="btn btn-default">比<button>更好。是否有技术原因选择类而不是标记，还是仅仅是代码样式的问题？
编辑:我知道btn类可以在其他元素中重用，但是为什么不将它默认地应用在按钮标记上呢？
浏览 0提问于2019-02-22得票数 0
回答已采纳
我正在学习CSS选择器的特性，并遇到以下示例。我想不出，哪个CSS选择器对另一个CSS有更高的特异性？
1.示例：
p#largetext
body p#largetex
2.示例：
p.largetext ul li
p ul li a
CSS的特殊性是如何相互作用的？为什么一个人更高，一个人更低？
浏览 1提问于2016-01-21得票数 1
回答已采纳
我只是好奇: img.slider和.slider (当我所有的图片都有“滑块”类的时候)有什么区别？
我注意到，当我尝试通过编写类名称"slider“来定位图像时
.slider { margin-top: 10px; }
^不起作用
img.slider { margin-top: 10px; }
^起作用了。
为什么会这样呢？谢谢!
浏览 0提问于2010-06-24得票数 1
2回答
我读过关于css技巧的文章:not不应该添加额外的特性。但看起来是这样吗？
非伪类的特殊性是其论证的特殊性。不()伪类不会增加选择器的特性，不像其他伪类.。
还是我漏掉了什么？
.red:not(.blue) {
background: blue;
}
.red {
height: 100px;
width: 100px;
background: red;
}
<div class="red">
</div>
浏览 4提问于2016-01-27得票数 28
回答已采纳
1回答
我正在尝试创建一个简单的关于页，使用JQuery点击来更改关于正文的文本和内容(而不是创建3-4个独立的页面)。我试图用‘菜单’做的事情很简单，但由于某些原因，它不能像预期的那样工作。
每次单击菜单选项都会触发一个JQuery事件，该事件将更改正文的文本，并将单击的菜单选项的颜色更改为蓝色，以表明它已被选中。
现在，我尝试应用的jquery不起作用，颜色也不会在点击时切换。
我的JQuery
$(document).ready(function(){
$('.about-link').click(function(){
$(this).toggleCla
浏览 5提问于2012-06-14得票数 1
回答已采纳
我一直认为，如果像下面这样在前面的属性之后定义了一个属性，那么它将覆盖以前的值。但是，由于某些原因，在使用input[type=button]时，情况并非如此。
但是，当将input[type=button]更改为类(如.btn )时，值会覆盖前面的类，为什么会这样呢？有什么方法可以不用!important来解决这个问题吗？
input[type=button] {
color: red;
background-color: transparent;
}
.accent {
color: white;
background-color: blue;
}
<input
浏览 5提问于2017-09-10得票数 0
回答已采纳
4回答
我想这对你来说很简单，但我不能理解它。我把重要的部分去掉了。我在#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
回答已采纳
1回答
我正在使用Angular v10，我有几个CSS用在整个应用程序中，所以我把它写在我们的全局styles.css文件中，但是CSS不适用于其他组件，如果我在组件相关的CSS中编写相同的CSS，它工作得很好。在搜索时，我在组件中声明了ViewEncapsulation.None，它在一个组件上工作得很好，但仍然无法应用于其他组件。以下是我的angular.json文件
我从来没有在任何angular项目中遇到过这个问题，是新版本的Angular有什么问题，还是我做错了什么？
任何帮助都是非常感谢的！
浏览 0提问于2020-09-30得票数 1
为了实现这个演示，我将使用StackOverflow元素来提高可信度。
如果退出，您可以在页面顶部看到一个大调用操作框。更简单的是，去看看他们的新葡萄牙语版本吧-
一旦您看到了对操作框的调用(在下面捕获)，请使用开发人员工具检查它。
在ID为hero-content的div上，您将注意到下面粘贴的样式：
#herobox #hero-content {
background: #fff7d8;
border: none;
}
我做了一些研究，我们都知道，div应该是唯一的页面。虽然，如果它们是唯一的，为什么选择器需要在ID中声明ID？
浏览 0提问于2014-07-08得票数 2
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
即时通信 IM
对象存储活动推荐
腾讯云开发者
