当前位置: 首页 > 面试题库 >

CSS选择器的内联样式属性

马淳
2023-03-14
问题内容

是否有CSS选择器通过其内联样式属性值选择此元素?

<div style='display:block'>...</div>

就像是

div[cssAttribute=cssValue]

问题答案:

内联style属性与任何其他HTML属性没有什么不同,并且可以与子字符串属性选择器匹配:

div[style*="display:block"]

正是由于这个原因,它 非常脆弱 。由于属性选择器不支持正则表达式,因此只能执行与属性值 完全
匹配的子字符串。例如,如果属性值中的某处有空格,如下所示:

<div style='display: block'>...</div>

在您更改选择器以适应空间之前,它不会匹配。然后,它将停止匹配
包含空格的值,除非您包括所有排列,即恶作剧。但是,如果您正在使用的文档中,内联样式声明本身根本不会发生更改,那应该没问题。

还要注意,这根本 不是 按照DOM中反映的实际指定,计算或使用的值来选择元素。 是不可能的CSS选择器。



 类似资料:
  • 本文向大家介绍CSS样式选择选项,包括了CSS样式选择选项的使用技巧和注意事项,需要的朋友参考一下 要为<select>中的选项设置样式,您可以尝试运行以下代码, 示例

  • 本文最初于2015-10-03发表于博客园,并在GitHub上持续更新前端的系列文章。欢迎在GitHub上关注我,一起入门和进阶前端。 本文主要内容 CSS概述 CSS和HTML结合的三种方式:行内样式表、内嵌样式表、外部样式表 CSS四种基本选择器:标签选择器、类选择器、ID选择器、通用选择器 CSS几种扩展选择器:后代选择器、交集选择器、并集选择器 CSS样式优先级 前言 现在的互联网前端分三

  • 具有特定属性的HTML元素样式 具有特定属性的HTML元素样式不仅仅是class和id。 注意:IE7和IE8需声明!DOCTYPE才支持属性选择器!IE6和更低的版本不支持属性选择器。 属性选择器 下面的例子是把包含标题(title)的所有元素变为蓝色:[title] { color:blue; } 属性和值选择器 下面的实例改变了标题title='runoob'元素的边框样式:[title=r

  • 问题内容: 是否有可能使用内联样式的伪类? 例: 我知道上述HTML不能正常运行,但是有类似的东西吗? 附言:我知道我应该使用外部样式表,并且可以。我只是好奇是否可以使用内联样式来完成。 问题答案: 不,这是不可能的。在使用CSS的文档中,内联属性只能包含属性声明。样式表中每个规则集中出现的同一组语句。根据样式属性规范: style属性的值必须匹配CSS 声明块(不包括定括号)的内容的语法,其声明

  • 问题内容: 实际上可以从网站开发中完全避免使用类。 我的问题是,与类选择器相比,数据选择器的效率如何? 一个简单的示例是比较对带有的元素与vs与的元素的查询。 该选择将检查值作为一个整体对String类应该被拆分。考虑到这一点,数据属性应该更快。 因此,为解决问题,在CSS的情况下,我们最好使用类选择器还是数据选择器?并且从javascript的角度来看,它会比?更有效。 问题答案: 我不会说这是

  • 问题内容: 我有这样的事情: 我正在使用beautifulsoup解析html。有没有办法拉出“背景” css属性中的“ URL”? 问题答案: 您有两种选择-快速,肮脏或正确的方法。快速而肮脏的方式(如果更改标记,则很容易中断)看起来像 显然,您必须使用它才能使其与多个标签一起使用。 正确的方法是,建议有人在CSS字符串上使用正则表达式:)会很糟糕,因此使用CSS解析器。cssutils是我刚刚