css-reset 相关问题


这些链接颜色在 CSS 继承方面的表现如何?

身体{ 颜色:绿色; } .my-class-1 a { 颜色:继承; } .my-class-2 a { 颜色:初始; } .my-class-3 a { 颜色:未设置; } 默认链接 body { color: green; } .my-class-1 a { color: inherit; } .my-class-2 a { color: initial; } .my-class-3 a { color: unset; } <ul> <li>Default <a href="#">link</a> color</li> <li class="my-class-1">Inherit the <a href="#">link</a> color</li> <li class="my-class-2">Reset the <a href="#">link</a> color</li> <li class="my-class-3">Unset the <a href="#">link</a> color</li> </ul> 默认链接颜色 继承链接颜色 重置链接颜色 取消链接颜色 我正在从 MDN Web Docs 网站学习 Web 开发,当我试图理解 CSS 中的继承概念时,我陷入了困境。 网站上提供了 HTML 和 CSS 代码,并提供了其结果。结果是各种链接的颜色取决于应用于它们的类和继承。我无法理解 CSS 如何影响链接的颜色。 来自 MDN Web Docs 网站的网页 代码及其结果已经提供给我了。我只是想了解这种行为。 默认链接颜色 <a>元素在浏览器具有的默认样式中显示为蓝色,称为用户代理样式表。大多数浏览器在其用户代理样式表中都有一个 CSS 规则,大致相当于: a { color: blue; } 继承链接颜色 让我们自上而下地工作,以更好地理解这个案例。 在 CSS 或大多数用户代理样式表中,<ul> 没有显式应用 color。如果我们看一下 color 属性的 正式定义,我们可以看到: 继承 是的 如果我们随后参考继承文档,它会说: 如果未在元素上指定继承属性的值,则该元素将获取其父元素上该属性的计算值。 因此,对于 <ul>,由于它实际上没有为其 color 属性设置显式值,因此它继承自 <body>,其(计算出的)color 值为 green。 <ul> 元素的 color 属性被 计算 为 green。 对于 li.my-class-1,它再次没有为其 color 属性设置显式值(来自作者或用户代理样式表),因此它继承自 <ul>,其(计算出的)color 值为 green 。 li.my-class-1 元素的 color 属性被 计算 为 green。 对于 <a> 内的 li.my-class-1 元素,它的 inherit 属性具有 color 值,这意味着它继承自其父级 <li>,其(计算出的)color 值为 green。因此,<a>元素的color属性被计算为green。 重置链接颜色 我们可以从 initial 的 MDN 文档中了解 initial 的值意味着什么: initial CSS 关键字将属性的初始(或默认)值应用于元素。 此外,初始(或默认)值定义为: CSS属性的初始值是其默认值,如规范中其定义表中所列。 如果我们查看 color 属性的 正式定义,我们可以看到: canvastext 初始值 因此,<a>元素的color值为canvastext。这是一个系统颜色,定义为: CanvasText应用程序内容或文档中的文本颜色 对于“典型”设置,这相当于 black。因此 color: initial 等价于 color: black,因此为什么 <a> 元素是彩色的 black。取消设置链接颜色 我们可以从 unset 的 MDN 文档中了解 unset 的值意味着什么: 如果属性自然继承自其父级,则 unset CSS 关键字会将属性重置为其继承值;如果不是,则重置为其初始值。 如果我们查看 color 属性的 正式定义,我们可以看到: 继承 是的 因此,color元素的<a>属性遵循与color: inherit相同的行为,如前面详细介绍的继承链接颜色部分中所指定。


std::shared_ptr::reset 的目的是什么?

这是一个基本问题,但我没有找到以前的帖子。以下问题的标题听起来可能和我的问题相同,但问题本身不匹配...


Next.js 14 个 tailwind css 类不起作用

我在新项目中将 Tailwind CSS 与 Next.js 14 一起使用,但是当我在 page.tsx 文件中使用 Tailwind CSS 类时,它不起作用。我尝试更改 tailwind.config.ts 和 tailwind.config.js acco...


CSS 盒子模型的元素是什么?

CSS 盒子模型的元素是什么? 给我与问题相关的答案... 区分 CSS3 和 CSS2。 CSS3和CSS2的主要区别在于CSS划分了不同的se...


CSS 中的滚动条问题

/* 自定义 CSS =================================================== */ body::-webkit-滚动条 { 宽度:10px; } body::-webkit-scrollbar-track { 框阴影:插入 0 0 6px rgba(0, 0, 0, 0.3); }


更改动态表单控制角度的值

我有这个动态表单控件 我有这个动态表单控件 <form [formGroup]="dynamicFormGroup" (ngSubmit)="onSubmit()" > <div class="row" formArrayName="address" *ngFor="let fields of AddressInfo.controls; let i = index"> <ng-container [formGroupName]="i"> <input type="number" class="form-control height-reset" placeholder="Enter Mobile" name="mobile" formControlName="mobile" /> .. </form> 当我尝试更改字段的值时 this.dynamicFormGroup.controls['mobile'].setValue(''); 或 this.dynamicFormGroup.patchValue({ mobile: '444' }); 该值未更新 任何解决方案谢谢 我认为问题在于您在 formGroup 内的 FormArray 内使用 FormControl。 (只需查看简短的代码片段即可) 所以你的代码应该看起来像这样; this.dynamicFormGroup.controls[index].controls['mobile'].setValue(''); <ng-container [formGroupName]="i">也可能会破坏它。 我建议修改表格的结构,然后找到每个表格的正确“路径”。 就您而言,不清楚 AddressInfo 是什么。相反,将您的代码更改为: <div class="row" formArrayName="address" *ngFor="let fields of addressFormArray.controls; let i = index"> <ng-container [formGroupName]="i"> <input type="number" class="form-control height-reset" placeholder="Enter Mobile" name="mobile" formControlName="mobile"> </ng-container> </div> get addressFormArray() { return this.formMain.get('address') as FormArray; } 用户现在可以添加值。 如果您计划以编程方式编辑该值,则 this.dynamicFormGroup.controls['mobile'].setValue(''); 将不起作用,因为 mobile 是 FormArray 中的 FormControl。然后,要么循环遍历该数组以更改所有值,要么必须澄清应该更改哪个值。


CSS 网格自定义布局

我正在尝试构建一个 CSS 网格 我不想在 item2 和 item3 之间有空间,并且希望这些项目在容器顶部对齐。 是否可以仅使用 CSS 而不修改...


在JS中解析JSON字符串[已关闭]

在JS文件中我有: {html: '测试代码 HTML', css: '测试代码 CSS'} 我如何解析它以获得 html 和 css 的值? 这是我尝试过的: const json = JSON.parse(数据); 反对...


使用 :host ::ng-deep 设置 CSS 角色到角度组件 CSS 不起作用?

尝试使用以下方法设置角度组件的 CSS prop :host ::ng-deep .p-dropdown-panel { 变换原点:中心底部!重要; 顶部:-119px!重要; 左:0!重要; } ...


Vite 如何处理删除内置 .css 文件中的 .css 嵌套?

我一直在使用 Vite,并注意到由于删除了嵌套,构建的 .css 文件与原始源有所不同。具体来说,Vite 似乎压平或删除了


如何使用 JavaScript 变量调整 CSS 属性?

我的问题: 大家好。我只是有一个关于使用 JavaScript 更改 CSS 属性的问题。我想使用我在 JavaScript 中编写的方程式来更改 CSS 属性的值。 我的目标是...


Safari 不显示/渲染图像的 css

我的 GitHub 页面网站上有一个个人资料图片,它使用一些 CSS 使其看起来很酷。图像在 chrome 或 Firefox 中显示完美,但在 safari 中似乎忽略了图像的所有 css...


php 中的用户欢迎消息

如何在 php.ini 中创建用户欢迎消息这样已经登录的用户就能够看到他的用户名。 我有这段代码,但它似乎不起作用。 如何在 php.ini 中创建用户欢迎消息这样已经登录的用户就能够看到他的用户名。 我有这个代码,但它似乎不起作用。 <?php $con = mysql_connect("localhost","root","nitoryolai123$%^"); if (!$con) { die('Could not connect: ' . mysql_error()); } mysql_select_db("school", $con); $result = mysql_query("SELECT * FROM users WHERE Username='$username'"); while($row = mysql_fetch_array($result)) { echo $row['Username']; echo "<br />"; } ?> 我正在尝试利用在此登录表单中输入的数据: <form name="form1" method="post" action="verifylogin.php"> <td> <table border="0" cellpadding="3" cellspacing="1" bgcolor=""> <tr> <td colspan="16" height="25" style="background:#5C915C; color:white; border:white 1px solid; text-align: left"><strong><font size="2">Login User</strong></td> </tr> <tr> <td width="30" height="35"><font size="2">Username:</td> <td width="30"><input name="myusername" type="text" id="idnum" maxlength="5"></td> </tr> <tr> <td width="30" height="35" ><font size="2">Password:</td> <td width="30"><input name="mypassword" type="password" id="lname" maxlength="15"></td> </tr> <td align="right" width="30"><td align="right" width="30"><input type="submit" name="Submit" value="Submit" /></td> <td align="right" width="30"><input type="reset" name="Reset" value="Reset"></td></td> </tr> </form> 但是这个 verifylogin.php 似乎很碍事。 <?php $host="localhost"; $username="root"; $password="nitoryolai123$%^"; $db_name="school"; $tbl_name="users"; mysql_connect("$host", "$username", "$password")or die("cannot connect"); mysql_select_db("$db_name")or die("cannot select DB"); $myusername=$_POST['myusername']; $mypassword=$_POST['mypassword']; $myusername = stripslashes($myusername); $mypassword = stripslashes($mypassword); $myusername = mysql_real_escape_string($myusername); $mypassword = mysql_real_escape_string($mypassword); $sql="SELECT * FROM $tbl_name WHERE username='$myusername' and password='$mypassword'"; $result=mysql_query($sql); $count=mysql_num_rows($result); if($count==1){ session_register("myusername"); session_register("mypassword"); header("location:userpage.php"); } else { echo "Wrong Username or Password"; } ?> 我该怎么做?当我运行它时,我总是收到此错误: Notice: Undefined variable: username in C:\wamp\www\exp\userpage.php on line 53 您能推荐一个更简单的方法来实现同样的目标吗? $result = mysql_query("SELECT * FROM users WHERE Username='$username'"); 你忘记从某处定义和填充$username 您还需要添加 exit();在以下代码之后: session_register("myusername"); session_register("mypassword"); header("location:userpage.php"); exit(); ## EXIT REQUIRED 如果您不添加此内容并且客户端刷新,则会提示“您确定要重新提交已发布的变量吗?”如果他们单击“是”,那么您所有的登录逻辑将再次执行。在这种情况下,这可能不是致命的事情,但无论如何你都应该拥有它。 最重要的是:如果新用户登录,需要显示不同的名称,而不是显示以前的名称


如何使用CSS创建带有曲线的自定义按钮

我正在尝试使用CSS实现一个自定义样式按钮,如下图所示。 我在我的 css 文件中尝试了这个,并且能够实现更接近所需设计的效果: .casinoButton {


css 选择器:div 内第一段的第一个字母

曾几何时.. 一个美丽的公主.. 我如何选择(在我的CSS中)这里面第一段的第一个字母...


为什么每次按下 Ctrl + F5 时 Angular 都会调用 SCSS 文件?

我在使用 Angular 时遇到问题,当我按 Ctrl + F5 时,CSS 文件会重新加载,这会破坏我的布局,直到 CSS 文件加载完成。 F5没有问题,因为CSS文件是缓存的...


如何用css渐变绘制垂直虚线和实线

如何制作带有 90 度线的 CSS 背景渐变。应该从无线开始,然后是一条实线,接下来的 3 条虚线。


CSS 伪类组合 :first-child 和 :first-letter

我一直在研究 CSS 伪类,并尝试了一些可用的类来看看什么可以做,什么不能做。 我的问题是: 我想使用 :first-child se...


引导CSS网格

我正在尝试设置一个简单的示例,使用引导CSS的网格功能,并有一个index.html文件,该文件的容器有两行,每行有两列。但不是col...


如何更改 Javascript 元素上的 CSS 样式?

我希望电影标题和电影年份以我在 CSS 文件中设置的样式显示。目前,JavaScript 创建的元素仅显示纯黑色文本。 t 的样式...


带有 --css bootstrap 的 Rails 7 新应用程序 - Turbo 按钮不起作用

使用 Rails new myapp --css bootstrap 创建新应用程序 Rails 7 时,我的涡轮按钮将不起作用: =button_to“退出”,edit_post_path,方法::删除,形式:{数据:{turbo_confirm:“...


Glob 并包含当前目录和递归子目录

假设我有以下目录结构: 文件.txt 文件.css 文件.js 目录/文件.txt 目录/文件.css 目录/file.js 目录/子目录/文件.txt 目录/子目录/文件....


如何使用CSS自动增长文本区域?

给定一个以小框、单行开始的文本区域,当用户键入多行内容时,是否可以使用 CSS 自动增长为多行,直到设定限制(300 像素)...


如何使用CSS设置Formkit提交按钮的样式?

我正在使用 formkit 和 vue3。我还为 formkit 导入了 genesis 主题。 但我想用 css 将提交按钮从默认的蓝色设置为另一种颜色。但不知道如何...


Next.js 项目中自定义类的 Tailwind CSS 编译错误

我正在使用 Tailwind CSS 开发 Next.js 项目,但遇到了似乎无法解决的编译错误。该错误与我在 theme.css 中定义的自定义实用程序类有关...


CSS Grid 使页面自动滚动

我一直在论坛上寻找解决这个问题的方法,我能找到的最接近的就是这个。但似乎没有解决办法。 我有一个 CSS 网格,它是 grid-template-columns: Repeat(auto-fill,...


CSS多按钮无法正确定位

我无法在 CSS 中获得两个按钮的正确定位。 下图详细说明了我想要的结果,但我需要有关相对于上面文本区域的定位的帮助。 想要的 r...


在 CSS 中以不同高度布置元素在三列中

我想在 CSS 中布局一些元素,这些元素在三列或四列中垂直“流动”,如下所示: 布局应该将元素像 pos 一样均匀地放置在列中...


间距和宽度表CSS

我需要这方面的帮助。我不太擅长 CSS/布局或 UI 设计。我只是想知道怎么做这个无法弄清楚,为什么它会在这些表上做这些事情: 在红框里,我的


如何使用 html 和 css 关键帧创建动画

我正在尝试使用 html 和 css 动画关键帧创建这个漂亮的动画,但我被卡住了。我尝试过改变旋转和变换,但我无法让它像图像一样


如何使用css制作如图所示的圆形波浪边框?

图像的右侧是问题所在,我无法将边框做成像这样的波浪。 我希望它弯曲但不对称。 这是我使用的最接近的(https://css-generators.com/wavy-shape...


CSS:如果我在CSS中设置高度,当我设置高度时用鼠标拖动时,面板在调整大小时会出现问题,因此它会冻结

我有 3 个面板(左、中、右),当我用鼠标拖动它们时,它们会调整大小。在右侧面板中,我有一个 iframe,其 css 为 width: 100%。为了让它更清晰,我把它涂成红色。 我愿意


具有多个React版本和CSS隔离的模块联合

我有一个模块联合远程存储库,它是: 使用 React 17 构建 Material-ui 4 包括 jss 有来自第三方库的自己的全局 CSS,我无法编辑 我有多个主机...


在CSS中旋转排除的蒙版图像

我在CSS中有一个遮罩图像,我可以使用遮罩位置属性轻松定位它,但我不知道如何旋转它。如何在不旋转整个元素的情况下旋转蒙版图像? ...


CSS 覆盖手风琴导致黑暗模式

我正在使用 Flowbite 的手风琴组件。我无法弄清楚是什么导致手风琴在页面加载时进入黑暗模式。我确实检查了元素并看到了它的一些暗模式 CSS ...


我的 css 无法在与 vite 反应时自动加载

我有一些css和js文件,我尝试使用vite导入到React中的视图中,以便它加载样式,但它没有加载,当我进入视图时,我必须注释和取消注释小鬼...


CSS 选择器用于选择 html 表格同一行中的列

我有一个关于如何使用 css 类选择器更新同一行中的列的问题。下面是示例场景。 物品 价格 折扣 最终价格 移动的 500 10 450 笔记本电脑 ...


TypeScript 仅抱怨在 VSCode 中关闭 .d.ts 文件时未找到 css 模块的模块

我有一个与这个问题非常相似的问题,在尝试导入CSS模块时抛出“找不到模块”错误。但是,该问题的建议答案是创建一个


使用打字稿创建react-app css模块:无法解析.module.css

我正在尝试将CSS模块与打字稿和create-react-app反应应用程序一起使用。 我确实导入了'./App.modules.css';在我的 App.tsx 中,但出现错误: 找不到模块:无法解析'./App.modules.cs...


React(模块化CSS)中可以删除css类前缀吗

我正在使用 React 和 NextJS,我注意到在使用模块化 scss 文件时,它会使用文件名自动为我的类名添加前缀? 有办法禁用这个吗?因为它使 DOM 变得相当


CSS - 如何使用 CSS 增加下拉菜单的宽度?

在代码中我有复选框,选中时会显示下拉列表。 如果选择下拉列表的第一个值,则下一个下拉列表将显示在其旁边。 问题是我无法增加宽度...


Django 找不到 css 文件

请帮忙,我的django无法将我的css链接到我的html模板。我已经实现了几乎所有我能找到的解决方案,添加了一些推荐的url模式,尝试了完整路径而不是相对路径,确保...


如何设置简单的 css `:hover {` 颜色更改在 `background:url()` 中使用的 `svg`

我正在尝试设置一个简单的 css :hover { 在背景中使用的 svg 上更改颜色:url() 我正在尝试使用中风=“currentColor”,但这不起作用。 唯一可能的方法似乎...


如何使用 CSS conic-gradient 绘制重复的*水平*虚线?

我刚刚阅读了如何使用 css 渐变绘制垂直虚线和实线 但我不得不说,尽管一遍又一遍地阅读 MDN 文档,并阅读建议的代码,我还是没有任何了解...


为什么 justify-content 将东西放在底部?我的 CSS 做错了什么吗?

我不太擅长html、css、twcss。我需要帮助。 每当我使用 justify-contents:space- Between; 时它使一些东西下降。 我的问题的图片 证明行为怪异还是我的技能问题? 接下来...


如何正确用行号围住代码块并更新代码块CSS

我正在尝试使用 Jekyll 将行号添加到 Markdown 中的围栏代码块中。此外,我正在尝试寻找更新代码 CSS 样式的方法。 关于第一个问题,我正在尝试遵循


如何使用 html 和 css 调整整个网站的大小?

我很愚蠢,当我的浏览器选项卡处于 67% 缩放时,不小心编码了我网站的 html 和 css。在 100% 缩放时,一切看起来都太大了,div 间距也变得很奇怪。这是什么...


对于小开发团队的 HTML、CSS、Javascript 开发,您更喜欢哪种版本控制系统?

哪种版本控制系统适合 4 名开发人员的 HTML、CSS、Javascript 开发? 我们是 4 名开发人员,都在不同的国家,并且都有不同的操作系统。 2


Ant-design - 如何定制CSS组件,正确的方法?

这是我第一次使用Ant-design这个非常好的工具。 就像一个优秀的前端开发人员一样,我需要遵循我的 Figma 板并修改组件。 我正在使用 CSS !重要规则来覆盖 ant-des...


无法使用 CSS 将文本元素放在另一个元素之上

我只是一个尝试编程的初学者,我目前正在学习 HTML 和 CSS,我终于开始从事我的第一个正式项目了。我只是想为本地游戏做一个简单的主页...


© www.soinside.com 2019 - 2024. All rights reserved.