前端开发

CSS 伪元素应用元素的第一个字符

我的 h1 标签中有以下内容:“(Hello World)",所以我将以下内容添加到我的 css 以更改此元素的第一个字符: h1:first-letter { font-size:63px;颜色:#510007;字体系列:Helvetica;} 但是,正如我所注意到的,第一个字母仅用于字母,那么是否有任何解决方法可以将此样式应用于第一个字符?在这种情况下是“(". 解决方案 来自 规 ..
发布时间:2022-01-10 08:14:49 前端开发

如何使用 JavaScript 设置通用 CSS 选择器?

我经常使用 CSS 通用选择器来重置 HTML 文档中的尺寸: * {边框:0;边距:0;填充:0;} 这也可以用 JavaScript 来完成吗? 对于普通的 HTML 元素,有 style 属性.但是如何与通用选择器对话呢? 解决方案 getElementsByTagName("*") 将返回 DOM 中的所有元素.然后你可以为集合中的每个元素设置样式: var allEl ..
发布时间:2022-01-10 08:14:43 前端开发

CSS nth-child 应用奇偶规则,但每 4 项切换一次

我有一个 divs 列表,它与一个类连续出现 4 个,我想创建一个棋盘背景样式,意思是: 为奇数和偶数 div 应用不同的背景颜色将每行的奇偶切换为奇偶 我试过了 .boxwrapper:nth-child(2n-1), .boxwrapper:nth-child(2n) {背景:#ff0000;}.boxwrapper:nth-child(4n-2), .boxwrapper:n ..
发布时间:2022-01-10 08:14:28 前端开发

邻接的 CSS 选择器

似乎 CSS 是右关联的,并且与编程语言不同,您不能用括号来影响它. 我有这个一般结构: 选择我!选择我! 不要选择我! 我无法找出一个 的选择器,该选择器跟随一个包含 . 我 ..
发布时间:2022-01-10 08:14:18 前端开发

如何仅对一页应用 CSS 样式更改?

我有两个 css 文件: 一个主文件(main.css) 一个特定的页面文件(page5.css).我的 page.css 包含 main.css (@import url(main.css));) 我的 main.css 将其作为设置页面高度的一部分 #content {背景:url(../images/image.png)不重复;宽度:154px;高度:356px;明确:两 ..
发布时间:2022-01-10 08:13:02 前端开发

css粗体第一个单词

如何使用 CSS 选择器加粗句子的第一个单词,就浏览器可比性而言,这是一种好/坏的方法吗? 代码: 这是一个句子 谢谢 解决方案 CSS中没有::first-word伪元素;您必须将第一个单词包含在一个额外的元素中,然后选择它. ..
发布时间:2022-01-10 08:12:29 前端开发

忽略 Firefox 中特定于 Webkit 的 CSS 选择器

我正在开发一个 jQuery 主题,其中包含尽可能多的表单元素的样式.最初它是为 Webkit (Chrome) 开发的.现在我想让它也适用于 Firefox. 问题是;Firefox 在某些特定于 Webkit 的语法方面存在问题. 例如: input[type="range"]::-webkit-slider-thumb,输入[类型=收音机],输入[类型=复选框] {-webki ..
发布时间:2022-01-10 08:12:12 前端开发

值等于 A 或 B 的属性选择器?

我想知道是否可以在 CSS 中指定属性等于两个值之一的元素,如下所示: 输入[type=text][type=password] 但是这个选择器似乎不起作用(我假设因为两次指定相同的属性是无效的),有人知道怎么做吗? 解决方案 这样?http://jsfiddle.net/m242t/ HTML: 用户名: CSS: input[type="username"], inp ..
发布时间:2022-01-10 08:11:26 前端开发

用 :nth-child 选择一半的元素?

以下面的代码为例: 你好世界 你好世界 你好世界 你好世界 是否有可能,使用 :nth-child() 或其他方式,准确选择总元素的 一半?代码应该在上面的实例中选择第一个/最后一个 两个 lis,然后如果我将 lis 的数量增加到六个,它将选择第一个/最后一个三个. 我觉得我将不得不使用 JavaScript ..
发布时间:2022-01-10 08:11:16 前端开发

XPath 还是 querySelector?

XPath 可以做所有 querySelector 可以做的事情,甚至更多,那么你什么时候会选择后者呢?我还没有看到任何速度基准比较这两者,所以现在我根据语法简洁性进行选择,这似乎有点随意. 编辑:我可能应该说我正在为 Firefox 编写 Greasemonkey 脚本,所以我不担心跨浏览器的兼容性,并且宁愿不包含任何库. 解决方案 你用的是什么浏览器?在 Safari(或 iPh ..

输入类型=“按钮"的CSS属性选择器无法在 IE7 上运行

我正在处理一个大表单,它在整个表单中包含很多按钮,因此我试图在我的主 css 文件中获取有效的 input[type="button"] 以便它可以捕获所有按钮必须为每个单独的类添加一个类,由于某种原因,这在 IE7 上不起作用,在网上检查后说 IE7 应该支持这一点. 还必须是 type="button" 而不是 type="submit" 因为并非所有按钮都会提交表单. 谁能提示我 ..
发布时间:2022-01-10 08:10:53 前端开发