2回答
我正在对一个CSS元素进行样式化，我想知道是否可以在一个CSS元素上使用多个:selectors。
例如：
p:hover:after {
content: "Hello!";
}
因为，当我希望p被悬停时，我希望:after选择器也被调用。
浏览 3提问于2013-11-13得票数 4
回答已采纳
2回答
我可以在CSS规则中的伪类之后添加类选择器吗，例如：
a:hover.my-class {
background: red;
}
因此，如果我悬停在我的锚标签，<a class="my-class">link</a>，背景会是红色的所有浏览器？这是有效的CSS？
为什么我需要这个
我有这个问题，因为它是由SASS中的混合元素生成的：
@mixin focus($classA, $classB) {
&:focus {
&#{$classA} {
background: blue;
}
&
浏览 8提问于2017-07-23得票数 3
回答已采纳
3回答
这是一个有点老生常谈的问题，但也许值得一问。在CSS中，伪类和伪选择器有机械上的区别吗？我们在这里互换使用这个术语，但似乎这两个术语是有原因的。区分这两者有什么用吗？
浏览 0提问于2010-06-24得票数 7
回答已采纳
我希望选择所有元素，除了在DOM元素中输入text和类“my”之外。
所以，我有这样的CSS选择器
.my-class *:not(input[type="text"]) {
// Some CSS poperties here
}
这不对吗？这似乎不管用！
浏览 3提问于2016-08-05得票数 2
回答已采纳
1回答
selectors-list ::=
selector[:pseudo-class] [::pseudo-element]
[, selectors-list]
properties-list ::=
[property : value] [; properties-list] 我正在尝试熟悉CSS，我很乐意了解阅读这些内容的规则(来自https://developer.mozilla.org/en-US/docs/Web/CSS/Reference)。
浏览 26提问于2020-03-22得票数 1
2回答
我想使用:after on :target元素来选择css中的元素。我试过这个代码，但它不起作用。
.myclass a:target:after{}
我该怎么做呢？
浏览 0提问于2013-07-04得票数 3
1回答
我在CSS中看到过这样一行代码：
[icon]:not([focused]):not([pressed]):not([disabled]){ background-position-y:-0px; }
本例中的多个冒号是什么意思？它们仍然是伪选择器吗？
浏览 1提问于2012-11-18得票数 2
回答已采纳
我感兴趣的是当文本块不是“ ;”(空空间)时显示它，否则就隐藏它。我只想使用CSS 。守则是：
<div>Some text here</div>
<div> </div>
<div>Another text here</div>
删除“;”不是变体。(如果您想建议我使用：空)
请注意，div是全局的，也可能是随机放置的，这就是为什么我在寻找隐藏只有一个字符的div的答案。(或其任何其他变体)。
为了说明这一点，我不能更改html，它正在从数据库中加载数据，因此我需要使用CSS文件来隐藏div内容/标记。
浏览 1提问于2014-09-18得票数 9
我有以下CSS：
div.section:not(div.cover) > div { ... }
验证者说：
Parse Error [div.cover) > div]
为什么它不验证(在浏览器中也不起作用)？在伪类之后是不允许的，或者问题是什么？
浏览 2提问于2015-11-06得票数 2
回答已采纳
这可能是一个愚蠢的问题，但我还没有找到这两个CSS定义之间是否存在差异：
div:hover.item {}
div.item:hover {}
或者..。他们俩的行为是一样的吗？
浏览 4提问于2011-02-23得票数 2
回答已采纳
我希望使用css选择器访问具有相同类名的第二个元素。
第一要素：
<a class="good">
第二要素：
<a class="good">
我使用的Css选择器：
a.good
但这能让他们两个人。如何单独进入第二个或任何人？
浏览 2提问于2022-10-22得票数 -1
我试图在@apply中使用TailwindCSS中的占位符颜色，但由于某种原因，它似乎无法工作，尽管我能够与其他属性一起使用@apply。我还可以使用占位符颜色选项作为CSS类。它只是不适用于@apply。
@tailwind base;
input {
@apply placeholder-gray-900;
}
@tailwind components;
@tailwind utilities;
通过尝试，我最终得到了以下错误：
`@apply` cannot be used with `.placeholder-gray-900` because `.placeholder-g
浏览 9提问于2019-12-04得票数 9
回答已采纳
1回答
这个+类选择器
、、
我目前使用的是更少的CSS而不是CSS，我想知道是否有一种方法可以获得当前的选择器+类。有一种方法可以用伪类来实现，但据我所知，不是用类。
Psuedo-级：
li {
a {
&:hover {
}
}
}
&:hover基本上得到了li a:hover。我想知道的是，我将如何在一堂课上做到这一点。例如，如果我想获得ul li.active，我必须使用以下内容：
ul {
li {
}
li.active {
}
}
我希望能找到更接近第一段代码的内容，但在上看不到任何东西。有这样的东西我刚
浏览 4提问于2014-05-03得票数 0
回答已采纳
我希望使用CSS :not()来针对前面的选择器。这个是可能的吗？
示例：
a.button:before {
content: "Show Text";
}
a.button:not(:before) {
display: none;
}
<a href="#" class="button">Hide Text</a>
浏览 3提问于2015-11-16得票数 16
回答已采纳
我学会了如何基于计算css的特异性，但是基于这个参考，我不明白伪类( c)和伪元素(从d)之间的区别是什么？
例如,
input[type="text"]:hover
悬停是伪类( c)还是伪元素( d)？
与input[type="text"].error相比，哪一种具有更高的特异性？
浏览 0提问于2014-09-03得票数 0
回答已采纳
3回答
我想问为什么在custom.css中需要使用!important来覆盖bootstrap.css中的一些样式
例如：输入、按钮、导航栏等。。
例如， :
.navbar{
background :#52B3D9;
border-radius:0px !important;
border-top:4px solid #1E8BC3 !important;}
不使用bootstrap.css就可以覆盖!important?。
浏览 1提问于2014-12-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
回答已采纳
3回答
我知道，使用纯CSS，不可能选择元素的先前兄弟姐妹。但我试图用复杂的选择器愚弄浏览器。
请看这个。它包含了几个CSS规则，除了其中的两个规则外，这些规则都很好地工作：
//set border color to white for all elements before .selected and .selected itself
div:not(.selected ~ div) {
border-color: #fff;
}
//set border color to green for the element previous to .selected
div:not(.sele
浏览 8提问于2014-12-29得票数 0
回答已采纳
在css文件中，最后定义的样式优先于先前定义的样式。
但是，当使用not selector时，优先级会被打破，而带有not selector的类即使位于文件的顶部，也会获得优先权。
优先级中断背后的逻辑是什么？
<html>
<head>
<link rel="stylesheet" href="style.css">
<script src="script.js"></script>
<style>
.red-with-not:no
浏览 6提问于2015-12-28得票数 6
回答已采纳
我们的目标是用jQuery来轮询填充css3第n个子伪类。因此，我需要解析css规则，并使用jQuery将它们直接从css重新应用到不支持第n个子元素的旧浏览器。所以我写了一些代码，但我非常确定类似的东西应该已经存在了，例如在github。可能有人已经遇到了这样的问题？下面是我的代码：
// if ie7 or ie8
if (!$.support.leadingWhitespace) {
var aStyleSheetList = document.styleSheets,
aRule
浏览 0提问于2013-06-03得票数 0
是的，我们都知道是什么意思。
这是不同的。我以为我对CSS相当了解，但今天我遇到了一些我从未见过的东西--声明块之间的逗号。我一直在使用，它生成了这个缩小的、干净的输出(我重新插入了一些空格以提高可读性)：
body .container
{
color:#EEE
}
,
.navbar-default .navbar-nav>.active>a:hover,
h1
{
color:#000
}
注意body .container声明块中的大括号结束后的逗号(我在自己的行中放置了这个逗号)。这是有效的CSS？如果是，那又意味着什么呢？
我为清洁CSS输入的css如下
浏览 6提问于2016-04-04得票数 1
回答已采纳
1回答
请看下面的html代码：
<header class="online">
<img src="http://static.flv.com/themes/h5/img/iconos/online.png"> <span>online</span>
<img src="http://static.flv.com/themes/h5/img/iconos/ojo16.png"> 428
浏览 2提问于2014-02-05得票数 7
回答已采纳
给定任何带有选择器的CSS，例如：
.class-xyz:not(.class-xyz) {
...
}
它有可能与任何元素相匹配吗？
如何用::after、::placeholder等工具来增强它呢？
我的目的是简化一堆巨大的CSS表格，有很多这样的选择器。
浏览 3提问于2020-04-14得票数 0
回答已采纳
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回答
如何根据JS函数中的CSS特异性对一组CSS选择器进行排序？
function SortByCssSpecificity(input_array_of_css_selectors) {
...
return sorted_array_of_css_selectors;
}
浏览 2提问于2011-03-02得票数 4
回答已采纳
1回答
我正在使用镭与反应，我想删除虚线出现时，元素得到聚焦。因此，正常的css这样做是在下面。
button::-moz-focus-inner {
border: 0;
}
现在的问题是，据我所知，Radium只支持:hover :focus :active伪选择器。这意味着不可能使用::-moz-focus-inner选择器。
那么，有没有办法删除火狐中出现的虚线呢？
浏览 0提问于2016-07-11得票数 0
回答已采纳
2回答
我在这里看过类似的问题，但我还没有找到一个与我的案例相关的问题。
如果我没看错这篇文章：
那么所发生的一切对我来说是没有意义的。有没有人能解释一下，这是由于地域、遗传还是特异性？我已经去掉了所有不相关的css。
CSS
a:link {font-size:0.875em;color:#005984}
.button {color:#fff}
HTML
<a class="button">Awesome call to action</a>
我最终得到了一个蓝色文本的按钮，而不是白色的。现在，a是一个元素，所以它的特异性应该比.button类低，不是吗？
浏览 3提问于2012-06-12得票数 4
回答已采纳
给定网页上具有id的元素：
id="j_idt74:addNewTypeBtn"
我使用了“@findBy”注释方式来抓取网页元素。
使用：
@FindBy(how=How.CSS, using="input#j_idt74:addNewTypeBtn")
WebElement mAddButton;
提供一个错误：“给定的选择器input#j_idt74:addNewTypeBtn无效或不导致WebElement。发生了以下错误: InvalidSelectorError:指定了无效或非法的选择器。”
但是，如果我使用ID作为属性表示法，如：
@FindBy(
浏览 4提问于2015-05-11得票数 0
回答已采纳
我认为这是一个简单的使用:not()伪类，但在大多数浏览器中似乎不起作用，所以我为此做了一个。
.YYY:not(.ZZZ .YYY) {}
更新的
需要css规则下的解决方案
.YYY:not(.AAA + .YYY) {}
浏览 8提问于2016-09-15得票数 1
4回答
我正在创建一个导航菜单，我使用的是::after伪元素，我想实现以下目标：
居家/关于个人项目的文章
这是我的css代码：
nav ul li::after{
content: " | ";
}
这是我的HTML标记：
<nav class="wrapper">
<ul>
<li><a href="/">home</a></li>
<li><a href="/about.php">
浏览 9提问于2014-12-10得票数 5
回答已采纳
这是什么？
这是一个关于CSS语法的问题的集合。这也是一个社区Wiki，，所以每个人都被邀请参与维护这个列表。
为什么会这样呢？
堆栈溢出不允许搜索特定字符。因此，在搜索运算符和其他语法标记时，很难找到许多问题。这也使得关闭副本变得更加困难。下面的清单是为了帮助解决这个问题。
其主要思想是链接到堆栈溢出的现有问题，因此我们更容易引用它们，而不是复制来自各种CSS规范的内容。
此外，这是符号引用的公然副本。我们需要一个CSS。
，请帮忙。编辑并添加指向其他运算符/语法引用的链接，或者如果在特定语法上找不到好的问题/答案，请添加这个问题的答案并将其链接为。
浏览 3提问于2016-09-26得票数 0
回答已采纳
1回答
我想知道css是否足够复杂，可以将表行颜色与包含其他类的表结构中的类替换。举个例子：
<table>
<tr class="alt">
<td></td>
</tr>
<tr class="alt">
<td></td>
</tr>
<tr class="differentClass">
<td></td>
</tr>
<tr class="alt">
<td
浏览 1提问于2013-09-08得票数 3
回答已采纳
在我看来，ui:dialog不是一个标准的psuedo css元素，所以我想知道下面这行代码实现了什么：
$j("#inline:ui-dialog").dialog("destroy");
我可以找到id为"inline“的div，但是ui-dialog从哪里来呢？
浏览 0提问于2012-04-05得票数 1
回答已采纳
我有一个联系人列表，它是作为一个无序列表生成的，其中为每个列表项分配了HTML5 data属性。data属性值是用于字母排序的单个字母。我无法控制生成的标记，但是我需要在每个字母的第一个条目之前插入一个节标题。我希望用:before伪元素来实现这一点。没什么不寻常的。我选择的CSS选择器有很大的自由度，因为这个项目只支持IE9+。
示例标记：
<ul>
<li data-name="a"> ... </li>
<li data-name="a"> ... </li>
<li
浏览 4提问于2013-09-25得票数 4
回答已采纳
我正在参加微软70-480的模拟考试。我在图片中遇到了这个问题。要选择以特定给定值结尾的属性，应该使用css属性选择器，例如attribute$=' value‘。我不明白我们是如何使用css伪元素进行选择的。谁能给我解释一下为什么？
浏览 0提问于2018-09-21得票数 0
1回答
flex css中的伪类
、、、、
Flex CSS选择器支持伪类吗？
我想使用不同的backgroundColor的画布基于鼠标悬停和滑出。我目前正在侦听MOUSE_OVER和MOUSE_OUT事件，并在处理程序函数中更改styleName属性。
有没有什么方法可以让我指定canvasStyle:hover之类的？
浏览 1提问于2011-06-23得票数 0
回答已采纳
在中看到了这段CSS (来自)，无法理解它应该做什么。显然，第一个选择器对所有内容都应用了框大小样式，但我不理解在本例中如何使用::before/::after。我知道这些被用来在给定元素之前或之后添加内容，但是它在这里有什么用途呢？
*,
*::before,
*::after {
box-sizing: border-box;
}
浏览 2提问于2014-12-08得票数 1
回答已采纳
1回答
只是好奇这是vue的预期行为，还是可能有一些我没有看到的潜在的CSS逻辑？
当使用类选择器设置默认的“right”属性时，以下Vue转换工作
.theBoxClass { right: 100px;}
但在使用css ID选择器进行设置时却不是这样
#theBoxId { right: 100px;}
CodePen
码
<div id="background"></div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<
浏览 3提问于2020-05-23得票数 1
回答已采纳
我正在使用这个css。但是由于IE7和IE8不支持nth child，所以我想使用jQuery来实现它，所以它可以在所有浏览器中工作。
#localFileCopyingDiv, #supplementaryMaterialsDiv, #assetsDiv, table tr td:nth-child(1 /*this is the column number*/){
text-align: center;
width:30px
}
#localFileCopyingDiv, #supplementaryMaterialsDiv, #assetsDiv, table tr
浏览 6提问于2013-06-12得票数 0
回答已采纳
我正在读"CSS深度“一书，第三章，现在我遇到了一个问题，就是CSS代码在这里：
*,
::before,
::after {
box-sizing: border-box;
}
在我读过的书中，它说这些选择器将针对页面上的所有元素和每个伪元素。
然后，我发现在“：：前面”和"::after“之前没有选择器，而在MDN ()中，有这样的假设：
只能在选择器中使用伪元素。它必须出现在语句中的简单选择器之后。
所以我很困惑上面的代码是对的吗？还是应该是这样的代码：
*,
*::before,
*::after {
box-sizing: border-box;
}
浏览 1提问于2021-09-11得票数 1
回答已采纳
2回答
我有一个HTML：
<input type="text" class="example" placeholder="Example"><br><br>
<input type="text" class="example" placeholder="Example"><br><br>
<input type="text" class="example" placeholder="Exa
浏览 5提问于2016-02-04得票数 0
回答已采纳
1回答
在中，我们清楚地表明
JavaFX级联样式表( CSS )基于W3C CSSVersion2.1 ，并从当前版本3 的工作中添加了一些内容。
在JCRG中，它们经常直接链接到W3C的CSS参考指南，在讨论选择器时就是这样。
在JCRG中，他们提到了、和-they，甚至说他们没有提到。
如果JavaFX支持它们，它们是如何工作的？JavaFX认为属性是什么？我认为CSS引擎可能会查看FXML中的属性，但并不是所有场景图都来自FXML。
浏览 1提问于2018-03-01得票数 2
回答已采纳
2回答
我尝试编辑css选择器的值:after，但它在jQuery中不起作用
$('.triangle-right.left:after').css("border-color","transparent #fff");
该怎么办呢？
CSS：
.triangle-right.left:after {
top:4px;
left:-10px; /* value = - border-left-width - border-right-width */
bottom:auto;
border-width:15px 15px 0 0; /* var
浏览 1提问于2013-06-11得票数 0
我有一个很长的表格，有很多字段。一些字段从单独的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
回答已采纳
3回答
在我的应用中，提交按钮和链接看起来是一样的。
我构建css的方式是这样的：
.button, input[type=submit]{
//default colour
background:grey;
}
.button-primary{
background:green;
}
.button-danger{
background:red;
}
如果我想在提交按钮上显示红色背景，我希望能够简单地将.button-danger类添加到提交按钮中。但不幸的是，这什么也不做，提交仍然是灰色的，因为input[type=submit]比.button-danger更
浏览 9提问于2014-04-04得票数 1
3回答
CSS对象解析
、、
如果CSS中的两个类具有相同的派生类，那么CSS如何解析正确的类？
例如：
.ClassA.Left {}
.ClassB.Left {}
.Left {}
既然类‘左’可以应用于任何对象，我怎么能确信它是我想要的呢？绑定“左”的优先级是什么？
浏览 1提问于2013-09-21得票数 0
回答已采纳
我有一堆CSS选择器，其中包含Mozilla厂商前缀的伪类:-moz-any。
目标受众使用最新版本的Firefox。
由于火狐现在完全支持:is，我认为最好在CSS代码中将所有出现的:-moz-any替换为:is。
这样做是否有任何问题(例如，选择的内容被更改，或者特定方面的任何更改)？
浏览 2提问于2020-09-20得票数 0
5回答
将多个伪类应用于选择器的正确CSS语法是什么？我想在列表中除最后一项之外的每一项后插入"，“。我使用以下css：
ul.phone_numbers li:after {
content: ",";
}
ul.phone_numbers li:last-child:after {
content: "";
}
这在FF3，Chrome和Safari3上运行得很好。IE7不能工作，因为它不支持:after (正如预期的那样)。在IE8中，它在每个li后面加上一个逗号，包括最后一个li。这是IE8的问题还是我的语法不正确？如果它在IE8中不起
浏览 0提问于2009-01-29得票数 43
回答已采纳
<style>
:not(div p), p{
color: red
}
</style>
<p>This is a paragraph that should be red.</p>
<div><p>This is a paragraph that should not be red.</p></div>
是否可以使用css 选择器(在本例中)将所有<p>颜色变为红色，除了任何<p>而不是<div>。
我运行了几个不同的变奏曲，但无法使它工作？！
浏览 6提问于2014-10-14得票数 0
回答已采纳
我一直在尝试使用Bootstrap的表单样式来处理AngularJS的电子邮件验证，我遇到了这个CSS块。
input:focus:required:invalid,
textarea:focus:required:invalid,
select:focus:required:invalid {
color: #b94a48;
border-color: #ee5f5b;
}
input:focus:required:invalid:focus,
textarea:focus:required:invalid:focus,
select:focus:required:invalid:
浏览 0提问于2013-06-30得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
