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
回答已采纳
我有以下html代码：
<!DOCTYPE html>
<html>
<head>
<style>
:first-line {
color: red;
}
:first-child {
color: blue;
}
</style>
</head>
<body>
<p>asdasdasdsad<br>sdfsdfs</p>
</body>
</html>
输出为：
asdasdasdasd <- red
sdfsdfs <-
浏览 0提问于2013-12-13得票数 5
2回答
我想知道有什么方法可以让下面的CSS示例按照我的意愿工作吗？
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
.col p:first-child {
background:yellow;
}
</style>
</head>
<body>
<div class="col">
<h1>Woot</h1>
<p>I am a super nun. I
浏览 4提问于2011-05-26得票数 2
回答已采纳
据我所知，表示伪类与标签选择器具有相同的权重。所以像"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
回答已采纳
如何在选中(单击)时更改href (带有图像)的背景？
我有下面的HTML代码：
<li class="barButton" id="addHome">
<a href="#">
<img class="imgBar" id="animate1" src="img/interface.png" >
</a>
</li>
我尝试了下面的CSS代码：
.imgBar:active {
background-color:
浏览 0提问于2013-01-30得票数 0
我使用的是MooTools 1.12
如何在悬停时将类添加到元素上？
例如：
我有这个
<a href="example.html">Some text</a>
<a href="example.html">Some text</a>
<a href="example.html">Some text</a>
<a href="example.html">Some text</a>
当悬停在链接上方时，我想要这样：
<a href=
浏览 1提问于2011-08-12得票数 1
<!DOCTYPE html>
<html>
<head>
<title>my test code</title>
<style>
#h1id {color: blue;}
h1:active {color: red;}
h3:hover {color: red;}
.h3class {color: blue;}
</style>
</head&g
浏览 0提问于2019-12-29得票数 2
我不明白我做错了什么，但是:contains css选择器不适合我。它是否被排除在当前css3实现之外？我检查它在FF，铬和IE，他们都忽略了background: red属性。
<!DOCTYPE html>
<html>
<head>
<style>
.a {
border: 1px solid black;
width: 20px;
height: 30px;
position: relative;
}
.a:contains("1") {
background: red;
}
</style>
</he
浏览 2提问于2017-08-30得票数 2
回答已采纳
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
回答已采纳
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
回答已采纳
我需要ng2动画的帮助。我需要在此基础上准备简单的悬停效果：
@Component({
selector: 'category',
template : require('./category.component.html'),
styleUrls: ['./category.component.scss'],
animations: [
trigger('albumState', [
state('inactive', style({
浏览 0提问于2016-12-06得票数 3
2回答
这是我的HTML代码：
<label>
<p>text description</p>
<input type="text">
</label>
当关注<input>时，我希望更改<p>标记中的text-color。
如何编写CSS代码？
浏览 0提问于2017-08-30得票数 1
回答已采纳
1回答
我对javascript和HTML有问题。如果文本输入值错误，我想弹出一条消息。
$('input[name="login"]').blur(function() {
$('.error:nth-child(2)').fadeIn('fast', function() {
});
});
和HTML/PHP代码：
echo "<div class=\"grid_2 alpha\">Nazwa użytkownika</div><div clas
浏览 2提问于2011-10-08得票数 0
回答已采纳
我需要知道我是否可以在我的HTML电子邮件模板设计中使用accordion。我知道HTML电子邮件模板有很多限制，我们不能使用每一个CSS技巧，即使我们想。我尝试在我的电子邮件模板上添加一个简单的手风琴，但当我在电子邮件上测试时，它不起作用。这是我在'code pen‘中找到的代码，我试图在acid账户的电子邮件中测试它，但它不起作用。
<!DOCTYPE html>
<html>
<head>
<title></title>
<style>
@import url(https://fonts.goog
浏览 2提问于2017-09-22得票数 0
2回答
我有一部分HTML无法编辑(不使用JavaScript)。
我试图用CSS隐藏一个段落。这一段没有id。有没有任何方法只针对它，而不是它的兄弟<p>与CSS？
HTML：
<div id="foo">
<div></div>
<p> this is the paragraph to hide</p>
<p> this one should not be affected</p>
</div>
浏览 0提问于2014-03-02得票数 0
回答已采纳
我将以图片的形式解释这一点： ? 如你所见，这里有23个匹配的节点。 怎样才能得到第一个？你可能会想： document.querySelectorAll('.vdatetimeCal > div > .cell.day:not(.day-header):nth-of-type(1)') 但是不..。 返回的节点列表为空！ 快速浏览一下HTML提供了一些线索： ? 啊哈-所以..。猜猜看： document.querySelectorAll('.vdatetimeCal > div > .cell.day:not(.day-he
浏览 15提问于2019-12-31得票数 1
回答已采纳
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
回答已采纳
1回答
我在使用IOS Safari时遇到滚动问题。该网站有一个固定的顶部和底部，大量的图像，包括伪元素(前后)作为背景，以及一些相对位置和负边距。 在android上，它工作得很好，但在ios上，它有时会卡住。我无法滚动，页面弹了起来，尝试了几次后，问题就停止了。 我在body和html元素上也有一个"overflow-x: hidden“。 有人知道这可能是什么原因吗？
浏览 20提问于2021-06-19得票数 1
1回答
我现在的css文件中有这样的内容：
a:active {
color: purple;
}
p {
color: pink;
}
现在我只想把它合并到HTML中。
因为这很简单，我只想
<p style = "color: pink">Foo</p>
我的问题是如何将伪类合并到实际的html中。
浏览 0提问于2016-07-25得票数 1
回答已采纳
2回答
在我的Angular5应用程序中，我有一个数据报警器库，它用一些按钮呈现一个数据报警器。
在这些按钮中，我想注入一些图标。
检查页面时，html结构如下所示
<button>
<i class="glyphicon glyphicon-chevron-left"></i>
<button>
，但由于不允许修改html视图，所以不能将此图标直接添加到html中：
<i class="glyphicon glyphicon-chevron-left"></i>
解决方案是用css.来实现它。
有
浏览 0提问于2018-03-29得票数 0
使用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
回答已采纳
1回答
我想知道是否可以为特定的类放置一个伪类。例如,
<p> You can get youtube <a class="video" href="www.video.com"> here </a> </p>.
我想要做的是在类视频中创建一个css文件，并访问伪类，如悬停，活动和访问。
我知道有一种方法是
<p> <span class="video"> You can get video <a href="www.video.com"> here &l
浏览 12提问于2017-02-27得票数 0
回答已采纳
我希望你能帮我.我想用jQuery创建一个下拉菜单，它与浏览器中启用的javascript完美地工作。现在，当javascript被打开时，我希望它能够工作，而我不太确定如何做到这一点。
我这里有密码，这样你就可以自己看了。
使用列表：我的html页面：
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery-1.6.min.js" type="text/javascript" charset="utf-8"></script
浏览 0提问于2011-11-07得票数 1
我有一个fade类，我需要我的元素用于外部插件，我有一段代码，其中我希望有一个元素用于fadeIn，并使用JQuery退出，为此，我必须删除de fade，当我在fadeIn之后再次添加它时，它会再次消失。
如何添加类并防止其采取行动？
$.ajax({
url: BASE_URL+page,
type: 'get',
dataType: "html",
data: {},
success: function (data, status) {
if(action == true){
浏览 0提问于2014-05-30得票数 1
回答已采纳
我想在一些容器上设置一个伪元素边框，但不包括第三个。我认为我可以将伪选择器与:not结合使用，比如：div:before:not(nth-child(3))，但它似乎不起作用。
那么:not选择器和伪选择器是不兼容的吗？在这种情况下，我如何才能将伪元素放入其中并排除某些特定元素呢？
(顺便说一句，伪元素边框的想法是控制边框，使它们保持在顶部，无论顶部是否有覆盖(虽然还没有看到它是否有效)
这是一把小提琴：(没有可见的边框，因为有not:(nth-child(3))选择器)
以下是小提琴中的代码：
HTML：
<div class="ctr">
<div&
浏览 15提问于2017-07-18得票数 0
回答已采纳
我有几个html按钮，我已经用CSS改变了它们的外观。现在我想添加一些效果，比如悬停和活动。我发现锚点<a href="">标签的悬停和活动，但<button>标签没有。有什么建议或解决办法吗？
浏览 0提问于2012-02-16得票数 0
回答已采纳
1回答
我对网络抓取相对来说是个新手。
当我在网络上抓取多项专利时，我对孩子的号码有问题。子编号相应地更改到网页中表的位置。有时孩子是"div:nth- child (17)“，而另一些时候是"div:nth-child(18)”。
我的代码是这样的：
IPCs <-sapply("http://www.sumobrain.com/patents/us/Sonic-pulse-echo-method-apparatus/4202215.html", function(url1){
tryCatch(url1 %>%
as.character() %>
浏览 1提问于2017-10-14得票数 2
回答已采纳
我试图在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
回答已采纳
我必须从html5应用程序中删除所有垂直和水平滚动条，除了一个div:一个项目列表。这个div有一个类.mydiv，我正在尝试这样做： html {
overflow: scroll;
overflow-x: hidden;
}
::-webkit-scrollbar {
width: 0;
}
.mydiv::-webkit-scrollbar {
width: auto;
} 结果:所有的滚动条都消失了，包括.mydiv的滚动条。我做错了什么？ ?
浏览 33提问于2019-02-26得票数 2
当我们通过按Tab键在HTML页面中遍历时，会出现一个虚线矩形，我们可以通过它来标识页面中的位置/元素。我的问题是，我可以使它成为一个块，即选定的元素(链接，标签)的颜色和背景将在遍历时改变？
浏览 0提问于2011-06-09得票数 0
回答已采纳
目前，我正在尝试使用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
在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
回答已采纳
4回答
我有以下HTML：
<ul>
<li>
<a href="#">test</a>
<ul class="sub">
<li><a href="#">test 2</a></li>
</ul>
</li>
</ul>
我想要影响第一个链接，而不是第二个链接，我如何使用CSS来实现这一点？
浏览 3提问于2014-03-03得票数 0
回答已采纳
1回答
假设我的html如下所示：
<div class="container">
<... some html here ...>
</div>
我想得到.container的第一个直接子级。
我可以做.container > div:first-child，但这是假设它是一个div，但情况并不总是这样。
浏览 2提问于2014-01-22得票数 1
回答已采纳
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
回答已采纳
使用jQuery 1.9.1和HTML5，我想捕获只有特定类名的元素。
假设我有以下HTML代码：
<div>
<span class="req">A</span>
<span class="req notreq">B</span>
<span class="req notreq">C</span>
<span class="req">D</span>
</div>
我只想
浏览 0提问于2013-04-16得票数 4
回答已采纳
2回答
我有一个使用formBtn类的按钮
在css中
.formBtn {color:#fff; background-color:#518ACD; border-color:#ccc #000 #000 #ccc; font- size:11px; font-weight:bold;}
在HTML中
<html:submit styleClass="formBtn" value="Add"/>
建议我一些东西，这样我就可以对禁用的按钮使用相同的类名，并以不同的方式显示它(比如背景颜色:灰色)。我可能会像这样使用style类
在HTML中
<h
浏览 2提问于2011-05-12得票数 5
问题：，如何获得元素display:inline，但在每个span或a元素的末尾仍然有一个回车？
注意事项：
无br标签
必须使用显示:内联
待定元素宽度
HTML:
...
<hgroup>
<span>{{splash.title}}</span>
<span>{{splash.desc}}</span>
<a ui-sref="principle" class="btn-primary">Enter</a>
浏览 2提问于2015-04-26得票数 1
回答已采纳
有一组html元素如下：
<div class="abc">
<p>a</p>
<p>b</p>
<p>c</p>
<p>x</p>
</div>
我想选择不含x的a，b，c，我期待得到你的支持。提前谢谢。
浏览 2提问于2016-02-26得票数 2
回答已采纳
我指的是Ankur Kumar对关于将段落编号添加到HTML文件的回答。
是否有可能调整css代码，以便我可以分配一些未编号的段落(即跳过该特定段落的编号)？
谢谢!
这是我的CSS：
body {
counter-reset: section;
}
p:before {
counter-increment: section;
content: "" counter(section) ". ";
}
我只是使用<p>来封装我的段落。
浏览 1提问于2019-09-20得票数 0
2回答
我有一种图像地图，我用li来创建元素，然后在悬停时弹出信息。html代码是：
<li id="b906" style="z-index: 1000;">
<a href="#">
<span> </span>
<span class="para">Some text and maybe an image goes here.</span>
</a>
</li>
对应的HT
浏览 2提问于2010-07-21得票数 1
回答已采纳
当下面代码中的子元素span.图标-汉堡包接收到一个:焦点状态时，我想要更改li元素的样式。使用SASS解决方案，我读到@at-root可以在这里工作。然而，我无法为这个用例找到一个使用@at的SASS解决方案。你对这个用例有什么想法？
HTML:
<ol>
<li>
<span class="icon-hamburger"></span>
</li>
</ol>
CSS/SASS:
.icon-hamburger:focus {
@at-root ol li #{&} {
浏览 9提问于2016-10-21得票数 1
我使用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
回答已采纳
1回答
IE9再次变得不同
、、、
我有一个html5表单，大约有6个输入字段，有些是必需的，有些是可选的。填充字段后，我使用以下代码将其变为绿色：
input:valid, textarea:valid { background: #dfd; }
这在Chrome和Firefox中工作得很好，但是Internet Explorer9，就是它，不想把这个CSS代码考虑在内。我有没有办法绕过这件事？
浏览 0提问于2012-05-07得票数 2
回答已采纳
我使用的是Angular8应用程序，在其中我有导航栏，我有3个下拉值，即代理、潜在客户和竞争对手，如果我单击代理，它不会高亮显示，所以即使是我单击的下拉值，它也应该保持突出显示，除非我手动单击其他选项。
HTML：
<li>
<a data-toggle="collapse" href="#collapseExample" class="d-flex align-items-center">
<i class="fas fa-bullhorn"></i>
浏览 17提问于2021-05-20得票数 0
2回答
同胞选择器CSS
、、
我有一个具有以下结构的页面。我想为每个“组件-4”应用背景色，但只想为第一个元素“组件-4”应用不同的颜色。如何从其他方面指出第一个元素，我也必须支持IE7和IE8。我不能使用Javascript，我想通过使用css来获得它，可以吗？请给我建议。
<html>
<body>
<div id="component-1">
<div class="component-2">
<div class="component-3">
<div class="
浏览 1提问于2013-12-31得票数 0
回答已采纳
这段代码在桌面的Chrome浏览器上运行得很好，但在android浏览器上就不行了：
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
input:checked ~ span {color:red;}
</style>
</head>
<body>
<label>
<input type="checkbox" />
<span>First item</span>
</
浏览 0提问于2013-03-04得票数 5
回答已采纳
我遇到了一个让我困惑的场景-- :last-child的使用影响了应用父类的方式。
我有一个元素列表，目标是将一些样式应用于最后一个元素。
但是，当我使用:last-child时，样式的优先级会发生变化，并且父类之一停止工作，只有!important解决了这个问题。
我在这里做了一个简单的演示：
HTML：
<div class="hover">
<div class="focus_on_last_child" style="background-color:red; width:100px; height:100px"
浏览 6提问于2014-04-07得票数 0
回答已采纳
我们都知道伪类:before和:after，但是没有nav ul li a:left或:right。
是否有可能做到这一点？我不介意为此使用html5、css3、javascript。
浏览 4提问于2015-09-10得票数 0
回答已采纳
5回答
我最近开发了一个HTML5 jQuery插件，我在删除FF4测试版中必填字段的红色边框时遇到了麻烦。
我注意到FF将此边框/轮廓应用于必填字段，并在设置值时将其删除。问题是我使用value属性来模拟旧浏览器中的占位符attr。因此，我需要此功能的所有输入不显示红线。
您可以在的演示页面中看到该问题
浏览 1提问于2010-09-28得票数 61
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
实时音视频活动推荐
腾讯云开发者
