- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我是 html 和 css 的初学者。我尝试了一些东西,有时编写的 css 代码有时不起作用,但我不知道为什么?我的错误在哪里?请帮我看一下代码,此代码中的错误是视频标签后的任何内容都没有改变颜色。
<!DOCTYPE html>
<html>
<head>
<title>
Just some experiments
</title>
<link href="./c.css" rel="stylesheet" type="text/css">
</head>
<body>
<h1 class="header">
This is the first and biggest heading
</h1>
<h2>
Now comes the subheading.
</h2>
<h3 id="subheading">
This is the third sub-heading. For this third sub-heading styling I
used the styling by the adjacent selectors i.e. h2+h3
</h3>
<h3 id="subheading">
This is the fourth sub-heading which has the size as that of the third
sub-heading.</h3>
<p>
This is supposed to be a paragraph. So without any waste of time,
I'll be pasting LOREM IPSUM.Lorem Ipsum is simply dummy text of the printing
and typesetting industry. Lorem Ipsum has been the industry's standard dummy
text ever since the 1500s, when an unknown printer took a galley of type and
scrambled it to make a type specimen book. It has survived not only five
centuries, but also the leap into electronic typesetting, remaining
essentially
unchanged. It was popularised in the 1960s with the release of Letraset
sheets
containing Lorem Ipsum passages, and more recently with desktop publishing
software like Aldus PageMaker including versions of Lorem Ipsum
<br>
<span href="css.txt">This is the child of the above paragraph.
</span><br>
<span id="vanquish">The name of the class of this span tag is just
seriously random and really means nothing but at the same time means a lot
to
many of the youths.<br> Vanquish is the flagship model of the Aston Martin.
</span>
<span href="desertsunset.png" id="vanquish"> Now we are out of the
previous span tag.now stepping into new span tag.</span>
</p>
<span> This is written in the span tag which is outside of the
paragraph tag which is only the descendent of the body tag.</span>
<video src="./video.MP4" width=640 height=480 controls>
Video is not supported by your browser</video>
<div id="main">
<span>Hi this is Srajan</span>
<span>This is the paragraph inside another paragraph</span>
<div> This is inside the div tag and now we'll be adding inside another p tag
<p>So this is actually being written inside two levels deep to the initial p tag. </p>
</div>
</div>
</body>
现在是 css 代码。
*{
font-family: arial;
color: lightgreen;
border-radius: 50px;
}
body{
background-color: black;
}
h2+h3{
color: aqua;
}
#subheading{
color: lavenderblush;
}
span[href]{
color: aqua;
}
#main{
font-size: 20px;
font-family: monospace;
color: white;
}
正如预期的那样,结果一定改变了视频下方标签的颜色,但它并没有发生请说明原因?
最佳答案
好的,所以这里的问题不在于 <video></video>
标签。问题在于
*{
font-family: arial;
color: lightgreen;
border-radius: 50px;
}
给你
color : lightgreen;
到 html 文档中的每一行文本。所以,当你写 `
#main{color:white;}
这仅适用于您为其编写的元素。在这种情况下只有 <div></div>
元素获得白色文本。所以,当你写 <span>
在 <div>
<span>
采用默认颜色,即浅绿色。为了更好地理解,您可以尝试运行此代码:
<div id="main">
this text will be white
<span>this text will be lightgreen</span>
</div>
为避免此问题,请勿将整个文档设为浅绿色。而不是做一个类
.gr{color:lightgreen;}
并将其添加到您要使其变为浅绿色的标签中。或者如果你想按照你的方法进行(不推荐),那么只需更改你的代码
#main{color:white}
到
#main > span {color:white}
这会将白色应用于 <span>
标签。
关于css - video 标签下面的任何标签都没有根据 css 代码进行格式化,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47611707/
关闭。这个问题不符合Stack Overflow guidelines .它目前不接受答案。 关于您编写的代码问题的问题必须在问题本身中描述具体问题 — 并且包括有效代码 以重现它。参见 SS
我有一个布局,它有一个 EditText,当用户输入时应该在它下面显示建议。我以编程方式创建了一个 RecyclerView,它应该在 EditText 下面显示建议项目。但是当用户输入时它不显示 R
我正在尝试将 下面各三 s(一个 每三个 s),但是我得到了意想不到的结果。我得出的结论是我必须放一个 低于三分之一 ,但是当我这样做时,它的位置不正确(请参阅演示)。 我正在使用这个 Djan
我知道这个问题已经被问过好几次了,我已经尝试了其他答案中建议的所有方法,但似乎没有任何方法可以使我的 div 位于需要的位置。奇怪的是,一夜之间我的一个 div 想要低于前一个 div。开始时是 fl
好的,我明白了,当离开 .wrapper 时,带有 overflow:hidden 的元素 .wrapper 的所有子元素都会被自然切割的边界框。但这里我只应用了overflow:auto。 是关于下
我有一个元素 The result is ... Test_then 类如下所示: .Test_then::before { content: 'Then'; } 我的目标是让 (The resu
我有一个下拉菜单,它适用于除 IE6 和 IE7 之外的所有内容。 Here it is in the Safari/Firefox browsers Here is how it looks in
我尝试从支持库 13 实现最新的抽屉布局。使用以下代码,抽屉始终显示在 gridview 下方。即使我尝试调用 bringToFront() 仍然无法正常工作。能帮忙看看是什么问题吗?谢谢。 acti
这个问题在这里已经有了答案: using a div to blur an image behind it? [duplicate] (2 个答案) 关闭 7 年前。 我目前正在 Photoshop
我正在阅读一本有关 Java 的书,并发现了以下源代码。 //This example demonstrates how to search multiple occurences of a sear
我想让一个新的/隐藏的 div 从另一个 div 下面滑下来。我的想法是我有一个输入字段和一个添加按钮。单击添加按钮时,会显示更多表单元素(从下方滑出)。这个的形式部分对我的问题并不重要,所以我只让第
我正在制作一种标签栏,其下方有一个指示器,指示选择了哪个标签。我的 View 层次结构非常简单: --------------------------------- |-------------
我什至不知道如何描述这一点,我还在学习,而且还是个新手。 我有一个用于容器的 div。 里面有一个用于菜单的 div 和一个用于内容的 div,两者并排向左浮动。 对于大多数普通内容,它们并排放置。然
我想要一个与浏览器窗口高度相同的 div,以及位于该 div 下方的另一个 div。 我所有的尝试都未能堆叠 div,而是将它们重叠。 我的元素正在尝试的一种天真的实现。 这是我的 fiddle
我正在尝试根据 this codepen 设置联系表单的样式并且 float 表单在其父 div 下面而不是在其中时遇到问题。我试过添加一个 clearfix,但没有成功。我也没有运气就把溢出弄得一团
我是网络开发新手,需要一些帮助来解决这个简单的问题。调整大小时,菜单项会移动到名称下方,有人能告诉我哪里搞砸了吗? 我一直在阅读其他一些解决方案并了解想法,但就是找不到我的错误。 > A
我正在尝试为移动设备开发一个 HTML5 应用程序。布局是非常基本的标题和内容。 标题(红色矩形)、内容(绿色矩形)是绝对 div。如果高度大于屏幕,则内容必须是可滚动的。 当我试图只在橙色矩形 di
我正在尝试将这个 ul 移动到 div 下面,我什至不确定这是否也是完美的方法, 这是代码, HTML User 1
我的处境很复杂。首先,我有两列,当屏幕变小时,它们会在彼此下面。我的问题是在其中一列中我有一个相对的 div。我想要另一个 div 直接在它下面,但它一直与第一个 div 重叠。 这是我的代码:
例如,如果我使用了对齐,如何将一张 table 放在另一张 table 下面。 center_table left_table desired_table
我是一名优秀的程序员,十分优秀!