腾讯云
开发者社区
文档
建议反馈
控制台
首页
学习
活动
专区
工具
TVP
最新优惠活动
文章/答案/技术大牛
搜索
搜索
关闭
发布
登录/注册
精选内容/技术社群/优惠产品,
尽在小程序
立即前往
文章
问答
视频
沙龙
3
回答
为什么:link伪类违反了预期的CSS专用性规则?
、
据我所知,表示伪类与标签选择器具有相同的权重。所以像"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
回答
为什么我们不能像其他same元素一样访问元素
、
、
我试图弄清楚为什么伪元素不能被javascript访问。有人说这是因为伪元素不是dom的一部分。是真的吗?那么为什么我们能够访问它的样式属性。 var color = window.getComputedStyle( document.querySelector('.element'), ':before' ).getPropertyValue('color') 对于给定的html元素。 <html xmlns="http://www.w3.org/1999/xhtml" xmlns:epub="http:/
浏览 1
提问于2018-04-20
得票数 0
4
回答
CSS中第一线和第一个孩子的特异性?
、
我有以下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
1
回答
为什么标签选择器不能与html5,css3中的id选择器一起使用
、
<!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
1
回答
如何在MooTools中对悬停元素添加类?
、
我使用的是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
1
回答
css3 :包含选择器不工作
我不明白我做错了什么,但是: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
回答已采纳
1
回答
CSS -三角形边框未正确呈现IE8
、
、
、
我有一个水平导航,它的三角形边框插入了:在列表项目之前和之后,使它看起来好像在列表项目的右侧有一个白色的边框。它是用FF和Chrome呈现的,而不是IE8,我使用的是html5文档类型,并包含了html5.js。 似乎列表项的背景色被堆放在箭头边框的顶部,因此无法被看到,因为如果我关闭背景颜色,就可以看到箭头。我想这可能是个z指数问题,但也没什么用。我在IE中也注意到,所有的:在风格被删除后,有什么想法吗? <html> <head> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.
浏览 2
提问于2013-11-14
得票数 0
2
回答
单击css内容属性
、
、
、
下面的代码在标头标记之前添加一个图像。当单击标题之前添加的图像时,如何添加javascript或jquery代码来处理某些任务。 h1::before { content: url(smiley.gif); } Html代码是: <html> <body> <h1>Hi </h1> </body> </html>
浏览 7
提问于2015-10-07
得票数 2
回答已采纳
1
回答
CSS主动选择器使用after伪元素
、
、
、
我有一个问题,以实现在活动图标选择器后伪选择器。下面是我尝试过的代码。 <html> <head> <style type="text/css"> .btn{ width:25%; } .name{ background: #fff; color: #000; text-align: center; height: 35px; line-height: 35px; font-size: 18px; border: 1px solid; } .name:after{ content: ""; posit
浏览 0
提问于2014-04-10
得票数 3
1
回答
为什么当导航条类的位置被更改为相对时,前面的伪选择器有不同的结果?
、
在第一种情况下,我在vs代码中注释掉了navbar类,使它变得不活跃。 在活动服务器中的结果如下 现在,我激活了navbar类,并设置了相应的位置。 现在的结果如下 背景颜色符合导航条的大小。 当肚脐的位置设置为相对位置时,我不知道实际发生了什么。在第二种情况下,背景颜色是如何适合的? 下面是案例1的片段: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-eq
浏览 4
提问于2021-06-14
得票数 0
回答已采纳
2
回答
带跨度锚点不适用:对IE的积极影响
、
、
、
在IE上正确渲染的一些想法?仅当我单击超出范围区域时,:active才会生效。我想在不使用javascript的情况下做到这一点。它在chrome和firefox上运行的很好。 <!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/xhtml"> <head&
浏览 0
提问于2013-01-14
得票数 0
回答已采纳
1
回答
未显示::前面和::后面的伪元素
、
在对为什么这些伪元素没有在HTML检查器中显示这些伪元素以及它们在Firefox和Chrome内置调试器中的方式进行了广泛的搜索之后,我发现了一些结果,表明这确实是可能的。但是在4台不同的计算机上进行测试,包括Windows和Mac,我仍然无法在HTML检查器中找到这些。我是不是错过了什么环境? 现在,我在上使用Firefox 38.0.5和Firebug 2.0.11。 更新: 实际上,这个特性看起来还在开发中:。我所看到的截图一定与这一努力有关。
浏览 1
提问于2015-06-25
得票数 0
1
回答
html中的伪类
、
我现在的css文件中有这样的内容: a:active { color: purple; } p { color: pink; } 现在我只想把它合并到HTML中。 因为这很简单,我只想 <p style = "color: pink">Foo</p> 我的问题是如何将伪类合并到实际的html中。
浏览 0
提问于2016-07-25
得票数 1
回答已采纳
1
回答
使用scanner在java中分离html的元素和标记。
、
、
、
我是编程新手,刚刚开始学习java。我想试着打开一个HTML文件,并将其按标签和内容分开。 我刚刚学习了如何使用扫描仪进行扫描,然后检查hasNext(),但我发现它只检查空格。 Scanner input = new Scanner (new FileReader("simple.html")); while (input.hasNext()) { String content = input.next().toString(); System.out.println(content); } 问题是。 //INPUT <html><head>&l
浏览 6
提问于2013-01-27
得票数 0
1
回答
什么是伪元素的元素类型?
、
、
<pseudo> </pseudo>? CSS的伪元素不在DOM中。但在内部,它们必须等同于某种通用HTML元素,因为它们可以被样式化,可以可见,并且会影响页面流。 伪元素的元素类型是什么? 我们能不使用CSS以编程方式创建它们吗?
浏览 4
提问于2013-03-17
得票数 5
回答已采纳
1
回答
使用JavaScript更改范围输入样式
、
、
、
、
您可以使用::-webkit-slider-thumb、::-moz-range-thumb和::-ms-thumb选择器更改HTML5滑块"thumb“(旋钮)的样式。 您可以使用::-webkit-slider-runnable-track、::-moz-range-track和::-ms-track选择器更改HTML5滑块的"track“(凹槽)样式。 但是,如果我想通过JavaScript更改"thumb“或"track”的样式呢? 这个是可能的吗?如果这是可能的,我该怎么做呢?
浏览 0
提问于2018-06-04
得票数 2
1
回答
在伪元素之后或之前,输入元素不起作用
你好,我正在尝试使用::after在submit按钮之后放置一些文本,我尝试在<p>元素上使用它,它工作得很好,但是在input的表单元素上它不起作用。 这是我的代码: <!DOCTYPE html> <html> <head> <style> input[type='submit']::after { content: 'some text'; } </style> </head> <body> <form> <input
浏览 4
提问于2017-10-13
得票数 0
2
回答
如何检测到单击省略号(.)在浏览器里?
、
这似乎是没有希望的,因为省略号不在DOM中,它只是浏览器的渲染技巧 我之所以问是因为我不是一个html/css大师,所以可能存在很多深奥的技巧,我不知道……
浏览 1
提问于2018-02-18
得票数 1
回答已采纳
2
回答
为什么我需要“显示:柔性”在代码和技术的高宽比?
、
我编写了以下代码,引用。(参考文章是日文,我只想说明我把它用作参考,所以如果你看不懂参考文章也没关系) 我编写了代码来生成一个正方形,如下所示,但是我不知道为什么display: flex对于这种技术是必要的。 使其工作的display: flex规范是什么? CSS代码: .squareBasedOnWidth { display: flex; } .squareBasedOnWidth:before{ content: ""; display: block; width: 0; height: 0; padding-botto
浏览 3
提问于2021-08-02
得票数 1
回答已采纳
2
回答
在DOM中添加之前::的内容在哪里?
、
、
、
关于以下代码: <!DOCTYPE html> <html> <head> <style> div::before { content: "Adding Before -"; } </style> </head> <body> <p>Test</p> <div>Content</div> </body> </html> 输出将是“在内容之前添加”。 但我的问题是,在DOM中,我只能看到"<div&
浏览 4
提问于2015-08-02
得票数 2
回答已采纳
2
回答
在web检查器中检查CSS :before元素
、
、
、
有没有办法检查通过CSS :在选择器之前,在Chrome或FF web检查器中添加的元素,并检查它们的计算样式(并在运行中操作它们)? 设置为 li:before { display: block; width: 50px; height: 50px; position: absolute; } 所以它是真正的块元素,没有任何HTML,但在检查时,他只选择相关的LI元素。“强制元素状态”-option也不起作用,它只适用于像:hover而不是:hover这样的交互状态
浏览 3
提问于2013-08-22
得票数 0
1
回答
IE9 & IE10 rem单元
、
据称,对IE9 & IE10适用于rem单位的限制如下: IE9&IE10在字体速记属性中使用(忽略整个声明)或使用伪元素时不支持rem单元。 关于font速记的第一个警告似乎是正确的,但是在测试了下面的片段之后,第二个警告似乎是没有问题的,因为::after content font-size在21px上呈现。 <html> <head> <style> html {font-size: 14px;} p {font-size: 1rem;} p::after{content:
浏览 4
提问于2017-10-04
得票数 0
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
回答已采纳
3
回答
CSS悬停不反应
、
为什么将光标悬停在<li>上时li::hover没有反应 * { box-sizing: border-box; font-family: "Hiragino Kaku Gothic Pro", sans-serif; } ul { list-style-type: none; } li { background-color: #555; color: white; display: table-cell; width: 200px; margin: 0; height: 43p
浏览 32
提问于2016-08-02
得票数 0
回答已采纳
2
回答
在焦点输入上更改标签的文本颜色
、
这是我的HTML代码: <label> <p>text description</p> <input type="text"> </label> 当关注<input>时,我希望更改<p>标记中的text-color。 如何编写CSS代码?
浏览 0
提问于2017-08-30
得票数 1
回答已采纳
1
回答
子女:内容继承前
、
、
标题可能有点混乱,但我想知道为什么子元素不可能继承它的父::before内容。例如: HTML: <div class="foo"> <div class="baz"></div> </div> CSS: .foo::before { content: 'bar'; } .foo .baz::before { content: inherit; } 我试过这样做,甚至用这种方法: .foo > .baz::before { content: inherit;
浏览 2
提问于2017-07-05
得票数 2
回答已采纳
1
回答
是否有向选择器添加类/id的方法?
、
、
假设我有一些HTML,如下所示: <div id="non-adjustable"> <a id="adjustable-a" href="example.html"> <div id="adjustable-div">Button</div> </a> </div> 然后我有一个样式表,上面有一些精彩的动画,我想把它们添加到#non-adjustable div中。 Limitations/Requirements: 我不
浏览 3
提问于2015-07-06
得票数 2
回答已采纳
2
回答
HTML5输入表单-仅当错误或模式不匹配时才显示范围
、
、
想要处理输入表单错误使用HTML5和CSS -没有JS。 目前,我将span设置为不可见,直到输入有效。但是,输入文本字段的默认状态为空,因此无效,默认情况下跨度是可见的。 HTML: <input class="form-control" placeholder="#####" name="zip" pattern="\d{5}" title="Enter valid 5 digit zip" required><span class="formhelp">5
浏览 3
提问于2015-03-24
得票数 2
1
回答
未定义变量:伪变量
当我在里面写时,我有一个输入,我想在表单后面的同一页中检索条目。 我使用变量$_GET['pseudo'],但在保存另一个变量(即$pseudo )上的值后,我有一条错误消息:,注意:未定义变量:第27行中的伪变量 问题就在这里 <?php echo "Pseudo : " .$pseudo; ?> 这是我的信息代码 <?php if(isset($_GET['pseudo']) AND !empty($_GET['pseudo'])) { $pseudo = $_GET['pse
浏览 3
提问于2018-06-17
得票数 1
回答已采纳
1
回答
使用超文本标记语言和JS运行外部应用程序( vlc player、文本文档、.exe)
、
、
、
如何在HTML和JS中通过单击网页写入器上的按钮在VLC player或Window Media player中打开音乐文件或视频文件。
浏览 19
提问于2019-07-03
得票数 0
回答已采纳
1
回答
用于第一个子元素的css选择器
、
、
假设我的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
回答已采纳
1
回答
CSS不会在具有相同类的每个链接上都有效
、
、
我得到了以下代码: a.navigation, a:active.navigation, a:visited.navigation { font-weight: bold; text-decoration: none; background-color: transparent; color: #fff; padding: 2px 4px 0px 6px; margin-right: 5px; } a:hover.navigation { font-weight: bold; text-decoration: none;
浏览 0
提问于2011-12-10
得票数 1
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
回答已采纳
10
回答
在内联CSS中使用CSS :CSS和:after伪元素?
、
、
、
、
我正在使用内联CSS (即style属性中的CSS )制作一个HTML电子邮件签名,我很好奇是否可以使用:before和:after伪元素。 如果是这样的话,我该如何用内联CSS实现这样的东西呢? td { text-align: justify; } td:after { content: ""; display: inline-block; width: 100%; }
浏览 4
提问于2013-01-03
得票数 169
2
回答
具有非边伪元素的边元
、
、
我经常遇到的一个问题是当我有一个面包屑列表时,就像 <ul class="horizontal-list"> <li><a href="/home.html">Here's a link</a></li> <li><a href="/home/subpage.html">Here's another link</a></li> <li>Here's the final link&l
浏览 0
提问于2015-02-14
得票数 4
回答已采纳
2
回答
站点背景中的图片不增加
、
我正在写一个网站,我有一个问题。背景图片没有放大。这是一张图片: HTML: <!DOCTYPE html> <html> <head> <title></title> <link rel="stylesheet" type="text/css" href="style.css"> <link rel="reset.css"> </head> <body> <header class=
浏览 4
提问于2020-10-10
得票数 0
3
回答
HTML5/CSS3:有没有办法使用伪元素在标签中创建标签?(避免Javascript)
、
据我所知,没有可靠的方法来完成我的目标,但我想我还是会请教这里的专家,看看是否可以做到。 我希望创建一种简化的样式设置方法,允许用户使用带有类或ID的单个标记来设置嵌套标记的格式。例如,一个DIV看起来内部有另一个DIV,允许更复杂的样式,目前只能通过使用嵌套元素。 下面是我想做的一个例子: <div class="nesteddiv">{content}</div> 并使其渲染,就好像它是: <div class="outerdiv"><div class="innerdiv">{content}
浏览 0
提问于2016-01-11
得票数 1
2
回答
是否有方法指定第一个元素*type*?
、
、
我想知道有什么方法可以让下面的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
回答已采纳
1
回答
如何使用材质样式道具为css应用伪选择器?
、
、
目前,我正在尝试使用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
1
回答
在css动画时更改div中的文本
、
、
我想用css更改文本。不要一直改变文本,而是在用户停留时更改文本,到目前为止,我可以做所有的事情,但是即使在内容更改之后,原始文本仍然保持在原来的位置上。 我的代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
浏览 1
提问于2022-07-03
得票数 0
回答已采纳
3
回答
如何覆盖具有:root的样式
我想覆盖用:root伪类定义的样式。 我有如下的css: <!DOCTYPE html> <html> <head> <title></title> </head> <body> <div><p>hello world</p></div> <style type="text/css" media="screen"> :root p{ color: red
浏览 0
提问于2017-01-31
得票数 1
回答已采纳
3
回答
::placeholder::after在CSS中无效
、
、
当我对<p>元素应用::after时,它工作得很好,但当我对输入字段上的::placeholder伪元素使用它时,它就不起作用了: p::after { content: "*"; color: red; } #registerFirstName::placeholder::after { content: "*"; color: red; } <!DOCTYPE html> <html> <body> <input id="registerFirstName"
浏览 0
提问于2017-10-26
得票数 0
1
回答
如何实现跨浏览器div等高
我正在尝试让容器中的所有div都具有与最大的相同的高度。基本上,所有div都是容器内100%的高度,并且不固定任何div的高度。 下面是我想出来的,但我似乎不能让它在所有的浏览器上都能工作。有没有一种方法可以在不使用jquery、javascript的情况下实现这个结果。 下面的结果是通过设置容器高度,但我想实现这一点没有固定的高度,因为内容将发生变化。 <!DOCTYPE html> <html> <head> <meta content="text/html; charset=utf-8" http-equiv="Cont
浏览 0
提问于2014-09-26
得票数 0
1
回答
CSS -兄弟选择器在android中不起作用?
、
、
这段代码在桌面的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
回答已采纳
1
回答
为什么input ::-webkit-slider thumb,input ::-moz-slider thumb不工作?
为ego支持创建一个小滑块不仅要在webkit浏览器中使用,还必须使用scss模板,比如 input { width: 100%; -webkit-appearance: none; -moz-appearance: none; appearance: none; height: 1vmin; } input::-webkit-slider-thumb { cursor: pointer; -webkit-appearance: none; appearance: none; width: 2vmin; hei
浏览 0
提问于2021-06-23
得票数 0
1
回答
我们可以将HTML页面中的遍历标识符由虚线矩形更改为块吗?
、
当我们通过按Tab键在HTML页面中遍历时,会出现一个虚线矩形,我们可以通过它来标识页面中的位置/元素。我的问题是,我可以使它成为一个块,即选定的元素(链接,标签)的颜色和背景将在遍历时改变?
浏览 0
提问于2011-06-09
得票数 0
回答已采纳
1
回答
伪元素中的字体族
、
、
、
似乎8,9,10在这里使用的字体总是相同的(系统)。事实上,Internet根本不关心font-family。重要的是display:table-cell和:before或:after的结合。 <!DOCTYPE html> <html> <head> <style> body > div { display: table; } body > div > div:before { font-family: monospac
浏览 5
提问于2013-08-02
得票数 2
回答已采纳
1
回答
我需要将一个整数传递给'td:nth‘
、
、
我是java脚本和HTML开发的新手。我需要将一个变量传递给$('td:nth(int))。我试过这段代码,但它不能工作。 var index=2; alert($('td:nth(index)').html);
浏览 0
提问于2016-06-24
得票数 0
1
回答
我是否可以在电子邮件模板设计中使用Accordion仅与HTML和CSS配合使用
、
、
、
、
我需要知道我是否可以在我的HTML电子邮件模板设计中使用accordion。我知道HTML电子邮件模板有很多限制,我们不能使用每一个CSS技巧,即使我们想。我尝试在我的电子邮件模板上添加一个简单的手风琴,但当我在电子邮件上测试时,它不起作用。这是我在'code pen‘中找到的代码,我试图在acid账户的电子邮件中测试它,但它不起作用。 <!DOCTYPE html> <html> <head> <title></title> <style> @import url(https://fonts.goog
浏览 2
提问于2017-09-22
得票数 0
扫码
添加站长 进交流群
领取专属
10元无门槛券
手把手带您无忧上云
相关
资讯
html 介绍以及常用的 html 标签
HTML HTML 布局
浅谈:HTML5和HTML的区别
伪随机值的概率
伪 “Photoshop”的图像处理
热门
标签
更多标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
活动推荐
运营活动
广告
关闭
领券