这可能是一个愚蠢的问题，但我还没有找到这两个CSS定义之间是否存在差异：
div:hover.item {}
div.item:hover {}
或者..。他们俩的行为是一样的吗？
浏览 4提问于2011-02-23得票数 2
回答已采纳
3回答
这是一个有点老生常谈的问题，但也许值得一问。在CSS中，伪类和伪选择器有机械上的区别吗？我们在这里互换使用这个术语，但似乎这两个术语是有原因的。区分这两者有什么用吗？
浏览 0提问于2010-06-24得票数 7
回答已采纳
我试图在web组件网格元素中增加左单元格的填充。(它不是基于HTML表-没有等-行和单元格。)
这是呈现web组件的部分示例：
<div class="row" part="row" first="" style="position: absolute; left: 0px; min-width: 100%;">
<div class="cell" part="cell" halign="left" valign="top" style=&#
浏览 4提问于2021-03-16得票数 0
回答已采纳
1回答
我是一个编程的初学者，这是我的第一篇文章。
我可以制作我喜欢的链接按钮，但有一件事除外，那就是我需要不断地按下鼠标才能得到想要的效果。我的意思是，如果我取消点击它，所有的效果都会回来，这不是我想要的。我想停止效果，并跳转到一个链接的网站。我希望通过点击产生的效果完成并稳定下来。
我认为修复它的简单方法是使用JQuery添加一个.active类，然而，伪元素不能被JQuery选择，而且对我来说似乎真的很复杂。我只想让"ul li:before，ul li:after，ul li .fa“拥有.active，而不希望像"ul li .fa”这样的其他元素拥有.active。
我为我
浏览 13提问于2017-12-28得票数 0
回答已采纳
我学会了如何基于计算css的特异性，但是基于这个参考，我不明白伪类( c)和伪元素(从d)之间的区别是什么？
例如,
input[type="text"]:hover
悬停是伪类( c)还是伪元素( d)？
与input[type="text"].error相比，哪一种具有更高的特异性？
浏览 0提问于2014-09-03得票数 0
回答已采纳
2回答
我发现在伪标记第一行中使用单个冒号很好。为什么这个标签使用双冒号，它真的需要吗？
来自WC3学校：
p::first-line
{
color:#ff0000;
font-variant:small-caps;
}
但这样做很好：
p:first-line
{
color:#ff0000;
font-variant:small-caps;
}
浏览 9提问于2014-04-27得票数 0
回答已采纳
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
回答已采纳
在Chrome中，伪元素选择器::part()和附加的:disabled伪类无法正常工作。这在Firefox中可以完美地工作。
下面是相应的代码片段。只有在Firefox中，禁用的按钮才会有黄色的背景。
customElements.define('my-button', class extends HTMLElement {
constructor() {
super();
const shadowRoot = this.attachShadow({mode: 'open'});
shadowRoot.innerHTML = `
浏览 2提问于2021-03-30得票数 2
3回答
我在css中使用了一些类似这样的东西
input[type=radio]:checked + label { color:#121212 }
问题是checked属性在Internet-Explorer-8和7中不起作用。
ifI的用法如下
input[type=radio] + label { color:$888888 }
它工作正常
请告诉我这个的替代方案。
浏览 1提问于2012-06-07得票数 0
回答已采纳
1回答
我一直在查看twitter引导程序，并发现了一些语法，我不知道它能做什么：
来自
button.btn,
input[type="submit"].btn {
&::-moz-focus-inner {
padding: 0;
border: 0;
}
&:: in &::-moz-focus-inner是为了什么？
我知道&用于“父选择器”，而:是伪选择器(如:hover )语法的一部分，但是第二个:用于什么？
Ps。我也一直在寻找一个较少的语法引用，但除了在lesscss.org上的一个页面之外，我找不到任何关于更少的文档
浏览 5提问于2012-02-13得票数 11
回答已采纳
2回答
我有过
.table_header:nth-of-type(5) {display: none;}
但是，当我将鼠标悬停在页面上的.table_header上时，会显示"nth-of-type(5)“。我需要做什么才能让它即使我悬停也不会。提前谢谢。
浏览 0提问于2014-03-28得票数 0
我想为每个图像添加一个按钮，当单击按钮时，图像将添加边框。
<img src="icon.png" id="vermillion" class="pic"/>
<div class="btn"id="vermillion">select</div>
我不擅长Javascript。
我改变了
$(‘#image_container.btn’).click(函数(){)
我不确定这是否正确..。
原始HTML代码：
<script language="
浏览 0提问于2013-07-14得票数 0
我试着用：
.widget::before{
background:red;
height:20px;
width:100%;
content: ""; <---- if this is removed, then block is not visible at all
}
但是没有content: "";，伪块就完全不显示了。伪类应该总是包括content参数吗？
浏览 8提问于2015-05-21得票数 0
3回答
我在Visual中编写了一些CSS，在编写伪选择器时，代码工具提示建议使用:horizontal，因此我注意到存在伪:horizontal和:vertical。
Visual 2013 - 12.0.21005.1
这个选择器是用来做什么的，我什么时候使用它？
它没有出现在标准选择器上.
浏览 5提问于2014-09-24得票数 5
回答已采纳
1回答
我想让2个不同风格的按钮在一个css。因此，在创建第二个按钮时，我使用以下命令向其添加类：
close.getStyleClass().add("close-button");
所以现在我可以通过以下方式在css中引用这个按钮：
.button.close-button
但是现在我不知道在使用.close-button类时如何引用按钮的伪类。
我尝试通过以下方式访问它
.button.close-button:selected
或
.button:selected.close-button
这些似乎都不起作用。有没有办法做到这一点？或者，我是否必须为.close-button类
浏览 42提问于2017-08-31得票数 0
回答已采纳
当我在列表元素而不是锚标记上执行hover时，我试图创建一种效果。例如，执行以下操作：
#wrapper ul.menu li:hover {
color: #ff0000;
}
这不会改变我的颜色，因为我有一个嵌套更深的锚定标签样式，所以我尝试了一下，它起作用了：
#wrapper ul.menu li:hover a {
color: #ff0000;
}
但是我不确定在伪类之后选择元素的CSS是否有效。
浏览 13提问于2017-12-11得票数 0
1回答
我有这个CSS代码：
span.input:last-child {
-webkit-animation-name: blinker;
-webkit-animation-duration: 1s;
-webkit-animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
-moz-animation-name: blinker;
-moz-animation-duration: 1s;
-moz-animation-timing-func
浏览 4提问于2014-03-15得票数 1
回答已采纳
1回答
我在CSS中看到过这样一行代码：
[icon]:not([focused]):not([pressed]):not([disabled]){ background-position-y:-0px; }
本例中的多个冒号是什么意思？它们仍然是伪选择器吗？
浏览 1提问于2012-11-18得票数 2
回答已采纳
2回答
我知道这是个愚蠢的问题。
我一直在想，在以下几个方面有什么区别：
.test a {}
or
.test a:link {}
我做了几次测试，看上去都一样。
什么变化？
浏览 3提问于2015-09-20得票数 0
回答已采纳
2回答
我想使用:after on :target元素来选择css中的元素。我试过这个代码，但它不起作用。
.myclass a:target:after{}
我该怎么做呢？
浏览 0提问于2013-07-04得票数 3
在一些测试准备过程中，有人问我这是否会正确地设置第一个字母的颜色：
td.one::first-letter {
color:blue;
}
现在，我知道我见过冒号是双倍的地方，但是测试jsFiddle没有显示出两者之间的任何行为差异
td.two:first-letter {
color:green;
}
所以，我很好奇有什么不同，为什么你会在伪类前面使用:：而不是：？
浏览 2提问于2013-04-30得票数 1
回答已采纳
上提到的电子邮件验证说，物化CSS文件提供了一个“验证”类，Materilize文件可以从中提取并进行实际验证。
我试图在中找到进行电子邮件验证的函数(某人已经进入abc@xyz，而不仅仅是abc)。
在代码块中
window.validate_field =函数(对象){
我不知道它在哪里真正检查@部分输入的文本。
有人能帮我吗？谢谢。
浏览 0提问于2018-06-22得票数 0
回答已采纳
在点击一个按钮时，我希望它的颜色是反转的。 下面是需要关注的html元素： <div class='chatbot-container'>
<div class='chatbot-wrapper' id='chatbot-wrapper' style="display:none;" >
<iframe
id="chatbot"
class="chatbot"
allow=&
浏览 25提问于2020-07-12得票数 0
回答已采纳
2回答
如何将伪元素(如:after )与伪类(如:hover和:not )组合
li {
margin-bottom: 10px;
}
li:after {
content: '';
display: block;
width: 0;
height: 3px;
background: #009688;
transition: width .8s;
}
li:hover:after {
width: 100%;
}
<ul>
<li>first</li>
<li>second</li>
浏览 2提问于2016-09-14得票数 8
回答已采纳
4回答
有:链接的奇怪之处
、、、
我的HTML：
<a href="http://google.fr">Google</a><br>
<a href="http://wikipedia.org">Wikipedia</a>
CSS：
a:link {
text-decoration: none
}
我只会样式未访问的链接(逻辑上，a:链接样式未访问的链接)，但即使访问链接失去下划线。为什么？
更新: JSFiddle：
浏览 2提问于2014-06-11得票数 2
回答已采纳
推特bootstrap.css有这样一个代码：
:-moz-placeholder {
color: #999999;
}
:-ms-input-placeholder {
color: #999999;
}
::-webkit-input-placeholder {
color: #999999;
}
这个问题是关于-webkit-input-placeholder面前的::的。为什么有两个::？这是做什么用的？
浏览 0提问于2012-08-03得票数 4
回答已采纳
据我所知，表示伪类与标签选择器具有相同的权重。所以像"div p a“这样的选择符比"a:link”更具体。
但如下面的测试用例所示，情况似乎并非如此。为什么链接是红色的？
<!DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="UTF-8">
<style type="text/css" media="screen">
a:link { c
浏览 0提问于2009-11-26得票数 6
回答已采纳
1回答
我正在尝试找出使用一个冒号":“和使用两个"::”的区别，我发现它们都使用伪类。例如，我在前面的伪类中尝试过这一点，当我用两种方式都这样做时，它工作得很好。
两者之间有什么区别吗？
浏览 0提问于2012-02-11得票数 2
回答已采纳
我想在一些容器上设置一个伪元素边框，但不包括第三个。我认为我可以将伪选择器与:not结合使用，比如：div:before:not(nth-child(3))，但它似乎不起作用。
那么:not选择器和伪选择器是不兼容的吗？在这种情况下，我如何才能将伪元素放入其中并排除某些特定元素呢？
(顺便说一句，伪元素边框的想法是控制边框，使它们保持在顶部，无论顶部是否有覆盖(虽然还没有看到它是否有效)
这是一把小提琴：(没有可见的边框，因为有not:(nth-child(3))选择器)
以下是小提琴中的代码：
HTML：
<div class="ctr">
<div&
浏览 15提问于2017-07-18得票数 0
回答已采纳
我正在实现以下CSS选择器
选择所有span 元素，但包含单词图标的类除外
因此，以下几点似乎正在发挥作用：
.music-site-refresh span:not([class*="icon-"]) {
font-family:Montserrat, sans-serif;
}
但我觉得应该是这样：
.music-site-refresh span:not(span[class*="icon-"]) {
font-family:Montserrat, sans-serif;
}
但第二个在我的实验床上行不通。
有人能解释一下哪一个是正确的吗?为什么？
浏览 1提问于2015-09-11得票数 2
回答已采纳
1回答
伪类:current
、、、
我正在尝试使我的菜单栏background变黑，当你在那个页面上，例如。如果您在SFX页面上，SFX选项卡将是黑色的，而不是红色的。
这是我的HTML：
<div id="menuBar" align="left">
<table cellspacing="5" >
<tr>
<td><a href="index2.php">Home</a></td>
<td>&l
浏览 1提问于2014-05-30得票数 2
使用CSS，我希望在<label>输入时更改边框颜色:focus。
HTML：
<label for="s">
<input name="s" placeholder="search">
</label>
CSS：
label {
border: 3px solid red; /* THIS SHOULD CHANGE */
}
input:focus ~ label {
border-color: yellow; /* WHEN "input:
浏览 0提问于2014-03-12得票数 2
回答已采纳
目前，我正在尝试使用material UI样式prop对象来应用伪选择器。样式当前与方法一起应用，但排除了伪元素。
styles.jsx--
const SBoxMain = {
display:"inline-block",
margin:"0px 5px",
hover: {backgroundColor: "yellow"}
}
Component.jsx--
<Box style={SBoxMain} id="Other" onClick={e => filterType("Ot
浏览 15提问于2020-02-25得票数 1
这是我正在查看的整行代码，其上下文如下：
input[type="radio"] + span::before { content: ""; display: inline-block; width: 20px; height: 20px; background: url("sprite.png") no-repeat -20px 0; vertical-align: middle; }
我对它的工作原理有一个很好的理解，但是我不明白为什么在span和之前之间有两个冒号，而不是一个冒号。
在前面的选择器中，我读到的内容应该使用一个冒号。
在w3
浏览 0提问于2012-11-15得票数 32
回答已采纳
我发现我使用的是p:after和p::after，我可以得到同样的效果。
p:after {
content: "- add_after";
background-color: #f00;
}
<p>I am a boy。</p>
<p>I live in Duckburg。</p>
<p>this is my home</p>
那么，:after和::after有什么区别呢？
浏览 3提问于2017-05-04得票数 3
回答已采纳
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
2回答
这是我的HTML代码：
<label>
<p>text description</p>
<input type="text">
</label>
当关注<input>时，我希望更改<p>标记中的text-color。
如何编写CSS代码？
浏览 0提问于2017-08-30得票数 1
回答已采纳
2回答
Css类活动
、、
我对css和jQuery有小问题。我有两个按钮，我想设置的背景点击为蓝色，我想这样做‘活动’css属性。它没有因为某种原因而起作用。每当按钮不再活动时，它就会失去背景色。下面是代码: HTML：
<div id = 'hey'>
<div class = 'b' id = 'b1' href="#">Button one</div>
<div class = 'b' id = 'b2' href="#">Button Two
浏览 2提问于2020-01-12得票数 0
回答已采纳
3回答
它说，区别在于:在CSS2之后是CSS3，而::after是CSS3。还有什么更重要的区别吗？
(我试过在谷歌上搜索，但结肠似乎放弃了搜索)
浏览 5提问于2014-02-10得票数 11
回答已采纳
如何排除具有特定类名的标记元素？
<span class="test" />
<span class="test asd" />
document.querySelectorAll('span.test'); //how to exclude all spans with "asd" as class name?
浏览 0提问于2014-09-01得票数 55
回答已采纳
我正在使用JavaFX，在我的CSS中
.button:hover{
-fx-background-color: red;
}
这很管用。但当我尝试使用另一种财产时，
.button:onMousePressed {
-fx-background-color: red;
}
或者onMouseEntered (我希望它的行为与hover相同)，什么都不会发生。它们的工作方式有什么根本的不同吗？
浏览 2提问于2015-03-23得票数 0
回答已采纳
我有一个.css样式表，它的输入类型按钮的样式如下所示。
input[type="submit"]
input[type="submit"]:hover
input[type="submit"]:focus
以上三种方法都有效，但input[type="submit"]:select不起作用。我甚至试过:selected。:visited、:link等是否适用于<input type="button" />和<input type="submit" />
请告诉我如何让inp
浏览 3提问于2012-06-08得票数 1
1回答
我在密码方面有一个问题。我的代码工作正常，但在CSS.I中有问题。我在Vue中分页，但问题是链接。在分页中的某些链接上，链接更改大小并得到更大的维度。例如，当我单击第一个数字，或第二个链接保持不变。但是在我点击第三或第四链接后，我的链接就会改变大小并变得更大。谢谢！
<template>
<h1>Pagination</h1>
<div class="pagination">
<a class="hover" @mouseover="isHovering = true"
浏览 3提问于2022-03-28得票数 0
1回答
我正在自定义WordPress twentyten，并且尝试只更改一个菜单项的字体颜色。如果有人能给我指出正确的方向，我将不胜感激。
我已经尝试对子主题style.css进行以下更改，但没有成功：
#menu-item-35{ font-color:#F2CE52; }
浏览 0提问于2012-02-25得票数 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
回答已采纳
我使用css html创建了3个页面，对于第一页和第二页，我设置了页边距4cm，但是对于第三页，我希望将其设置为0cm。这是我的css代码
@media print {
@page
{
size:8.5in 13in;
margin:4.5cm 1mm 1mm 1mm; /* this just for page one and two */
mso-page-orientation: landscape;
}
@page :third {
margin: 0cm; /* for page 3 but not work*/
}
}
如何为每一页设定不同的页边距？谢谢
浏览 5提问于2015-11-24得票数 0
回答已采纳
我有以下CSS：
div.section:not(div.cover) > div { ... }
验证者说：
Parse Error [div.cover) > div]
为什么它不验证(在浏览器中也不起作用)？在伪类之后是不允许的，或者问题是什么？
浏览 2提问于2015-11-06得票数 2
回答已采纳
3回答
我正在尝试激活来自另一个div的div的本地悬停效果。我知道我可以在jQuery中完成这一切，并在其中添加样式，但我宁愿将原生:hover留在CSS中。我只是想知道有没有办法解决这个问题：
$("#div1").live("mouseenter", function() {
$("#div2").trigger("mouseenter");
});
我想这样做来调用它，但它不起作用。真的没有办法从另一个元素的事件中触发事件吗？
提前谢谢。
浏览 1提问于2010-05-19得票数 2
在CSS中:和:：之间到底有什么区别？
例如，我看到CSS代码如下：
.example:before{
content:'just one';
}
和
.example2::before{
content:'here two';
}
有什么关系？什么是最佳实践？
浏览 2提问于2014-01-20得票数 9
回答已采纳
1回答
我希望有两个模式窗口隐藏，并切换他们从左边滑进来，另一个从右边滑进来。在我创建的小提琴，左，右，模态窗口正确地对齐左和右的页面，然而。左边的模态从右边滑进来，而不是从左边的边缘滑出来。
当我试图让左边的模态窗口从左边滑行时，我就失去了滑出效果。
#rightModal .modal-dialog-slideout {
min-height: 100%;
margin: 0 0 0 auto;
background: #fff;
}
#rightModal .modal.fade .modal-dialog.modal-dialog-slideout {
-webkit-tra
浏览 21提问于2020-08-01得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
