1回答
我是一个编程的初学者，这是我的第一篇文章。
我可以制作我喜欢的链接按钮，但有一件事除外，那就是我需要不断地按下鼠标才能得到想要的效果。我的意思是，如果我取消点击它，所有的效果都会回来，这不是我想要的。我想停止效果，并跳转到一个链接的网站。我希望通过点击产生的效果完成并稳定下来。
我认为修复它的简单方法是使用JQuery添加一个.active类，然而，伪元素不能被JQuery选择，而且对我来说似乎真的很复杂。我只想让"ul li:before，ul li:after，ul li .fa“拥有.active，而不希望像"ul li .fa”这样的其他元素拥有.active。
我为我
浏览 13提问于2017-12-28得票数 0
回答已采纳
如果一行上有多个内联块元素，我希望能够以不同的方式设置换行到下一行的元素的样式。
例如：
<div class='wrapper'>
<div style='display: inline-block; width: 500px'>...</div>
<div style='display: inline-block; width: 500px'>...</div>
</div>
因此，当浏览器宽度小于1000时，第二个子<div>可以具有不同的样
浏览 2提问于2016-04-30得票数 5
2回答
这就是问题所在：
onmouseover="imageOn(bg-index);" onmouseout="imageOff(bg-index);"
这是我在ID为table-title的table上拥有的两个属性。这些函数是远程JS文件的一部分：
if (name == 'bg-index') { document.getElementById("table-title").style.backgroundImage = "url('images/bg-index.png')"; }
...wit
浏览 0提问于2013-07-09得票数 0
回答已采纳
我想知道是否可以在text为0的情况下将显示设置为none，仅使用没有JS的CSS
例如：
<span id='counter'>0</span> <!--hide since it is 0-->
<span id='counter'>1</span> <!--show since it is!=0-->
我知道当它是空的时候是可能的，带有伪:empty
浏览 0提问于2015-10-23得票数 0
1回答
我在CSS中看到过这样一行代码：
[icon]:not([focused]):not([pressed]):not([disabled]){ background-position-y:-0px; }
本例中的多个冒号是什么意思？它们仍然是伪选择器吗？
浏览 1提问于2012-11-18得票数 2
回答已采纳
1回答
以下是我的HTML结构：
p {
margin: 0;
border: 1px solid;
}
small {
display: block;
margin-top: 40px;
border: 1px solid #999;
}
small + span {
display: block;
border: 1px solid #ccc;
}
<p>content</p>
<small>tags</small>
<span>edit</span>
都很好。有时<small>
浏览 4提问于2016-04-18得票数 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
回答已采纳
3回答
我想不是因为这不管用吧：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript" >
$("p:aft
浏览 0提问于2012-02-08得票数 6
回答已采纳
如何在js中检测:元素中的悬停：
.box-cart:after{}
我不想在其他父母的孩子身上显示另一个div
.box-cart:after:hover{}
浏览 1提问于2015-05-29得票数 1
回答已采纳
1回答
我尝试使用“：invalid”CSS伪类，我创建一个没有值的数字类型的输入，并且假设输入没有值，所以它应该无效或超出范围，但是它用“：invalid”来选择，这是正确的行为吗？另外，我选择了input with JQuery，它显示了用于输入的空字符串，我认为空字符串不应该介于5到10之间，我在code.what中这样写是您建议使用“：input”来表示没有值的输入。
$(function(){
$("#showVal").click(function(){
let val = $("#input").val();
alert(val);
浏览 4提问于2019-11-26得票数 0
回答已采纳
注:我应该指出，正确的解决方案是只使用输入的“占位符”属性，但问题仍然存在。
另一个注意事项:正如昆廷下面所解释的，" value“属性存储默认值，而input.value IDL属性存储当前值，因此我在下面的示例中用于”修复“问题的JavaScript是不符合的，因为它使用(非IDL)值属性来存储当前值，而不是默认值。此外，它涉及到对每个按键的DOM访问，所以它一直只是我遇到的问题的一个有缺陷的演示。它实际上是非常糟糕的代码，不应该永远使用。
CSS选择器让我认为我可以使用一个标签输入，这个标签可以作为预览，而不需要任何JS。我绝对将输入定位在标签中0,0 (这是作为内联块显示的)，
浏览 1提问于2013-04-05得票数 0
回答已采纳
2回答
NavBar菜单响应
、、、、
我正在尝试用CSS/JS制作一个汉堡菜单。
我有一个导航栏(nav)菜单，在计算机中这样显示：
在Burger菜单中，当分辨率小于768 px (用于该分辨率下的平板和设备的分辨率)时，如下所示：
汉堡包菜单按钮在计算机中是隐藏的(显示:无)，但当分辨率为(>768 to )并显示出来时，我就会显示它，使用Javascript，我抓取该按钮并向其添加事件侦听器。
当我们单击汉堡包按钮时，列表菜单(元素)必须从右到左与translateX(0%)一起出现，因为我最初将列表进行了转换:translateX(-100%)以从屏幕中移出(我向主体添加了一个溢出-x:隐藏以隐藏
浏览 1提问于2021-01-25得票数 1
1回答
我注意到了很多这样的问题，但我也注意到大多数问题没有一个明确的答案。我的问题是，我的应用程序导航栏上的字体权重一直在变化。以下是两张前后的图片：
这就是它应该看起来的样子(有点)。当我点击导航栏中的一个链接时，它看起来是这样的。
这是我在Navbar外点击的时候：
你可以看到，字体的重量下降到了表面上的100。以下是我尝试过的：
在我的html文件中导入了包含所有权重的Google字体中的Lato，但是语义用户界面CSS仍然取消了它。
我尝试添加更多的CSS来直接覆盖其他css (您可以通过检查标题“JOBTME”来看到这一点。实际上，当我删除最后一堂课时，情况会更好。其他试图重写的尝
浏览 5提问于2021-02-10得票数 0
回答已采纳
css
div.online:last-child {
color:green;
}
div.offline:last-child {
color:green;
}
JavaScipt
var x=navigator.onLine;
var div = document.createElement("div");
if (x==false) {
var divContent = document.createTextNode("sorry, you're offline");
divContent.classNam
浏览 2提问于2013-08-11得票数 1
2回答
据我所知，您不能在图像元素上对文本内容使用:before或:after？这是正确的吗？我是不是遗漏了什么？
/
我知道这在语义上是不正确的，我之所以使用它，是因为我使用js将src附加到图像中，但如果没有src，我希望显示替代内容(我可以使用另一个div，但使用:after或: using会更好)
浏览 2提问于2012-08-07得票数 0
回答已采纳
3回答
我正在用一个简单的和纯css下拉菜单的网站工作。这个网站应该在桌面和Ipads上使用。我的下拉菜单使用:hover伪类，问题出现在触摸屏上:菜单扩展得很好，但从不折叠。关闭它的唯一方法是从相同的下拉菜单中打开另一个子菜单。我的目标是当我触摸DOM中的任何地方时，我的菜单就会崩溃(当然，菜单中的菜单除外)。经过大量的研究，看来我们不能用来做这件事，是必须的。我是一个初学者，我没有JS的技能，它可以做它只有几个普通的线？我不想使用。这是我的代码：
/* =======================================================================
浏览 1提问于2017-03-02得票数 2
回答已采纳
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
回答已采纳
.item:empty{
content: "Content";
}
当字段为空时，我希望字段是“内容”。我怎么能这么做
浏览 4提问于2021-12-07得票数 1
回答已采纳
我有一个元素，可以通过使用JS的切换按钮向它添加一个--active类。
<div class="container">
<div class="element element--active"></div>
::after
</div>
添加这个类时，我希望::after元素是display:none;
下面的话行不通，
.element--active + ::after {
display: none;
}
但这是为什么呢？
当添加element--active时，我的替代方案只是向容器中添加另一
浏览 3提问于2015-08-12得票数 0
回答已采纳
1回答
我有一个表格，其中有40多个问题上它，一些必需的，一些可选的。最后，当用户单击"submit“时，我正在使用Bootstrap的form-validation.js在提交表单之前进行检查。这一切都运行得很好。
然而，表单太长了，当用户点击“提交”时，他们看到的只是底部可选问题上的一堆绿色复选标记。(他们没有提交表单的唯一迹象是页面没有重新加载。)
通知用户屏幕外的元素不符合验证要求的最好/最简单/最干净的方式是什么？(并且该表单并未实际提交。)
Javascript不是我的强项，但我的第一个想法是修改表单验证脚本，使提交按钮附近的一个小div在发现错误时可见，但我还没有弄清楚如何做到这
浏览 3提问于2019-02-26得票数 0
请查看以下内容：
因为你可以看到，只有当你滚动经过第一个红色矩形时，它才会变成蓝色，我希望它在进入视图的那一刻变成蓝色。这就是为什么第二个不会变成蓝色，因为它下面没有足够的内容让你滚动过去。
HTML：
Scoll this window pane
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<br />
<b
浏览 1提问于2012-09-19得票数 18
回答已采纳
如何使用列表-磁盘类来样式子弹，使用Tailwindscss？
我的package.json包括：
"@tailwindcss/aspect-ratio": "^0.2.0",
"@tailwindcss/forms": "^0.3.2",
"@tailwindcss/line-clamp": "^0.2.0",
"@tailwindcss/typography": "^0.4.0",
"tailwindcss"
浏览 6提问于2021-06-02得票数 1
回答已采纳
考虑到下面的场景，为什么:after选择器需要一个content属性才能工作？
.test {
width: 20px;
height: 20px;
background: blue;
position:relative;
}
.test:after {
width: 20px;
height: 20px;
background: red;
display: block;
position: absolute;
top: 0px;
left: 20px;
}
<div class="
浏览 26提问于2013-06-12得票数 27
回答已采纳
在教程之后，我想调整为图像(而不是链接)创建工具提示的过程。因此，我调整了“工具提示”类规则，使其成为通用的，而不是特定于a标记的。
我在js-fiddle 中重现了我的努力。
正如你在小提琴中所看到的，它确实适用于链接，但不适用于图像。你知道为什么不行吗？
从技术上讲，我认为:hover和alikes也应该适用于<img>，而不仅仅是<a>。
浏览 7提问于2013-08-26得票数 1
回答已采纳
10回答
我正在使用内联CSS (即style属性中的CSS )制作一个HTML电子邮件签名，我很好奇是否可以使用:before和:after伪元素。
如果是这样的话，我该如何用内联CSS实现这样的东西呢？
td { text-align: justify; }
td:after { content: ""; display: inline-block; width: 100%; }
浏览 4提问于2013-01-03得票数 169
我希望使用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
回答已采纳
2回答
内容未显示前的IE8
、、、
这是指向违规页面的链接：
我使用的表单构建器有一个限制。无法插入文本，除非它是文本框、输入框等的标签。IE9、Firefox、Safari和Chrome都能正确显示。IE7没有支持，而IE8有限制。
因此，我尝试使用:before伪选择器插入副本。对于IE8及以下版本，我使用的是谷歌的javascript。这适用于IE7，而不适用于IE8
<!--[if lt IE 9]>
<script src="http://ie7-js.googlecode.com/svn/version/2.1(beta4)/IE9.js"></s
浏览 2提问于2012-10-09得票数 1
回答已采纳
我试图用图像替换play/图标。
.video-js .vjs-play-control.vjs-playing .vjs-icon-placeholder:before, .vjs-icon-pause:before {
background-image: url(pause.png);
}
使用以上类图像显示，但旧图标不移除。
浏览 1提问于2019-11-03得票数 0
回答已采纳
1回答
材料设计开关跨浏览器问题
、、、、
我正在尝试创建一个材料设计风格的开关，正如凯·瓦丁顿在codepen：和更低版本上演示的那样；通过结合label和复选框的使用，它可以很好地在句柄上和开关框上激活。
然而，手柄只显示在Chrome，而不是IE或Firefox。我不知道为什么，并试图找出如何改变代码在IE/Firefox中工作，同时保留激活特性，并保持纯html和CSS。
激活由轨道或手柄和没有js确保它工作的鼠标，触摸，笔等，没有太多的过度复杂，所以我想保持这一点。
.label {
width: 200px;
height: 60px;
background: #303f9f;
box-shadow: i
浏览 5提问于2015-01-17得票数 1
回答已采纳
当"a:link“伪类与"a”按顺序放在一起(:link、:visited、:hover、:active)时，“a:link”伪类不是多余的吗？为什么要这样说：
a:link {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}
当你可以这样说的时候：
a {color: blue;}
a:visited {color: purple;}
a:hover {color: red;}
a:active {color: yellow;}
我之所以这样问，是因
浏览 2提问于2010-01-02得票数 8
回答已采纳
1回答
我有一个页面，其中应用默认文本选择CSS将background-color设置为灰色，将color设置为黑色。
现在，对于网页的一部分，我想在文本选择上保留color。我尝试通过使用color: inherit;来重写该部分的选择CSS。它适用于Chrome和Firefox，但不适用于IE和EDGE。
我创造了一个小例子来解释我的问题：
::selection {
color: #000;
background: #c6c6c6;
}
::-moz-selection {
color: #000;
background: #c6c6c6;
}
.p1 {
color:
浏览 0提问于2016-01-14得票数 5
我试图在尾风工具箱中添加一个名为not-first的新变体，但是当我尝试使用它时，它就不起作用了。
tailwind.config.js:
const plugin = require('tailwindcss/plugin');
module.exports = {
mode: 'jit',
purge: ['./src/**/*.{js,jsx}', './public/index.html'],
darkMode: false, // or 'media'
浏览 5提问于2022-02-28得票数 0
回答已采纳
我需要ng2动画的帮助。我需要在此基础上准备简单的悬停效果：
@Component({
selector: 'category',
template : require('./category.component.html'),
styleUrls: ['./category.component.scss'],
animations: [
trigger('albumState', [
state('inactive', style({
浏览 0提问于2016-12-06得票数 3
我有一个很长的表格，有很多字段。一些字段从单独的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
回答已采纳
在添加它之前，我的部署很好...我将以下代码添加到routes.rb中，在开发中运行良好，但在远程服务器w Capistrano上再次部署时，部署失败：
routes.rb
Workshop::Application.routes.draw do
if Rails.env.production?
offline = Rack::Offline.configure :cache_interval => 120 do
cache ActionController::Base.helpers.asset_path("applic
浏览 1提问于2013-01-26得票数 0
4回答
我有如下所示的css类
.fa-unsorted:before, .fa-sort:before {
content: '\e9c2';
margin-top: -10px;
color: #999999;
font-family: 'icomoon';
}
它显示如下
我想要的是也包括\e9c1，但它应该显示在\e9c2下面。
对于上下文，我使用了一个库，其中提到了css类来显示排序图标。它使用fa-排序，在相同的图标中有上下箭头。
但是我用的是冰红色，没有那种替代品。所以我需要使用两个图标来显示一个排序。以
浏览 0提问于2017-07-19得票数 1
回答已采纳
1回答
我正在使用bootstrap框架，angular js，node js来开发一个应用程序，我试图在鼠标悬停时应用一些css (在移动设备上触摸)。它在真实设备中不起作用。如何解决任何人帮助我
浏览 1提问于2016-01-28得票数 0
3回答
这是一个有点老生常谈的问题，但也许值得一问。在CSS中，伪类和伪选择器有机械上的区别吗？我们在这里互换使用这个术语，但似乎这两个术语是有原因的。区分这两者有什么用吗？
浏览 0提问于2010-06-24得票数 7
回答已采纳
6回答
我见过像这样的CSS。
body::-webkit-scrollbar {
width: 10px;
height: 13px;
background-color: white;
color: #EBEBEB;
border:none;
}
这指定用于WebKit浏览器的CSS。但是这个运算符(::)在CSS中是什么意思呢？
在CSS中哪里可以找到其他类似的运算符？
浏览 13提问于2012-07-06得票数 25
回答已采纳
我正在尝试使用通常的:后技术与字体可怕的职业5。
.thumb-player:after{
content:'\f144';
font-family: 'Font Awesome\ 5 Pro';
position: absolute;
width: 10px;
height: 10px;
}
我通过脚本加载它：fontawesome-all.min.js
似乎不能让它起作用。请举例说明。
浏览 0提问于2018-02-12得票数 3
回答已采纳
我有一个CSS媒体查询/ flexbox样式，在导航div达到最大宽度768px后，它会分配一个"display: none“给导航div。使用Javascript，一旦我的汉堡按钮被按下，我就可以使用if/else语句来切换显示："block“和"none”。
然而，痛点是，一旦我将它切换到“显示:无”，一旦屏幕超过指定的宽度，导航栏就消失了；汉堡菜单只在较小的宽度尺寸下出现。
它看起来像切换永久分配“显示:无”给它。如何在不点击汉堡包按钮的情况下将"display: none“移回"display: block”？
const burgerBar
浏览 3提问于2021-06-04得票数 0
这样做很好：
d3.selectAll('ul li')
.style('background', 'red');
然而，这并没有任何作用：
d3.selectAll('ul li:before')
.style('background', 'red');
d3.selectAll('ul li:before')返回的选择是空的，即使:before元素确实存在，并且具有一些现有的CSS样式。
有可能用d3瞄准伪元素吗？
如果是的话，一个快速跟进的问题:我将如何将所有:befo
浏览 2提问于2015-03-03得票数 7
回答已采纳
双冒号(::)在CSS中是什么意思？
例如：
input[type=text]::-ms-clear { display: none; }
浏览 0提问于2013-05-23得票数 133
回答已采纳
我有一个有多个部分的表格。每个部分都使用Bootstrap 4验证手动验证(而不提交real表单)。这与下面的代码很好；
let eventCreationForm = $(".event-creation-form");
if (!eventCreationForm[0].checkValidity()) {
eventCreationForm.find(":submit").click();
}
但是，我只想突出显示无效的输入。即，不要高亮显示绿色的有效输入。与其为此覆盖引导样式，我还想尝试从有效输入中删除:valid伪类。但是，我找不到任何人这样做
浏览 0提问于2019-04-03得票数 10
回答已采纳
1回答
在jQuery中选择以下类的正确方式是什么？我需要选择一个输入类和标签:after，但它似乎不起作用。这些是需要选择的选择器。
input.cmn-toggle-round-flat + label:after {
content: "C";
line-height: 36px;
text-align: center;
top: 2px;
left: 2px;
bottom: 2px;
width: 36px;
color: #fff;
border-radius: 36px;
transition: margin 0.2s, backg
浏览 4提问于2016-02-04得票数 0
我正在尝试将hover effect添加到span element中，如下所示。
悬停效果不工作时，增加内部风格道具。
但是，如果它是用单独的css文件编写的，它就可以工作。
，我只想知道，为什么会这样？
App.js
import "./styles.css";
export default function App() {
return (
<div className="App">
<span
style={{
fontSize: "4em&
浏览 7提问于2022-07-15得票数 1
1回答
好吧，我用谷歌搜索了几个小时都没找到。我希望你能帮助并感谢你这样做。我正在为tumblr做一个网格主题。我希望最新的帖子与其他帖子的格式不同。也就是说，我希望它是全页宽的，并且有不同的背景色和边框属性。本质上，创建一个不断更新到最新帖子的媒体标题。
一个类似的例子是Digg.com。他们的顶部帖子是3整页宽，其余的“顶部帖子”是在3列网格中。
我很擅长html和css，但还不能用js。我正在工作的网站是adventuresportlife.tumblr.com
再次感谢您的帮助。
浏览 2提问于2013-02-12得票数 0
回答已采纳
1回答
占位符伪元素有伪类吗？
、、、
我想为input[type=text]的placeholder伪元素的出现和消失提供动画效果。我的想法是将样式(特别是transition)添加到前者的伪类中，这些伪类负责它的存在(:active或类似的东西)。到目前为止，我还没有找到任何方法来做到这一点。
我试图将占位符的伪元素转换为绝对定位的块，但它不起作用。更多的策略也没有带来任何有意义的结果。因此就有了这个问题。
附注:我有强烈的感觉，这要么是被CSS3规范禁止的，要么就是根本没有涵盖。这很好，但是既然有了，我相信我的问题会在历史的道路上得到一堆新的答案。
浏览 0提问于2016-06-03得票数 1
2回答
我有一个表单，使用本地存储将信息从一个HTML传递到另一个HTML。由于这个文本是根据用户在第一个HTML上输入的内容而变化的，所以我必须找到一种方法来添加一个文本元素，该元素与输出保持在一起。例如:如果用户输入“路克”并提交，理想情况下，下一页将是"Luke's“(”s“是单独的文本元素)。由于文本可能更长，例如Lukas或Lucius，”s“文本元素必须保留在前一个文本的末尾，而不管其长度如何。
<h1 id="show">
<!-- this is where the output text shows -->
<
浏览 4提问于2022-06-13得票数 0
我正在做我的作品组合，我想用一个PNG掩模一些图片，这是与webkit图像掩模工作，但我希望在FF和歌剧有相同的结果，你知道一个JavaScript脚本有相同的结果吗？
我尝试使用edge.js，但只使用<img></img>，而不使用CSS的背景(我做了sprite)。
谢谢。
浏览 1提问于2011-06-06得票数 4
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
