我已经意识到 css 选择器
"#id.classname"
对比
"#id .classname"
不一样。请参阅第二个示例中的空格。
这两者有什么区别？
我认为两者都意味着一个应用于具有该 id 的元素的类。
我需要了解它是如何工作的,所以我可以编写正确的东西.
<div class="element">
<div class="content">
<contents>
<div class="element">
<contents>
<div class="thisClass"></div>
</div>
</div>
<div class="thisClass"></div>
</div>
我有一个包含具有相似结构和类的子元素的元素.如果我做
var element = document.querySelector('.element'); // this returns the parent
element.querySelector('.thisClass') // ok I got it so far
编辑:我想确保始终从父级获取元素('.thisClass'),无论父级子元素的顺序是什么,并使用最好的脚本.
我非常厌倦像工作狂一样工作,我是原生JS的新手,我希望这很清楚.
我正在寻找.我正在寻找.最好,我想要一个CSS-Selector,如果不可能,jquery选择器也会很好.
让我们说我想用en来为所有开始语言属性的单词着色.到目前为止我是如何做到的:
<!DOCTYPE html>
<html>
<head>
<style>
[lang|=en] {
background: yellow;
}
</style>
</head>
<body>
<p lang="en">This is English!</p>
<p lang="en-us">This is English and US!</p>
<p lang="en-gb">English here too!</p>
<p lang="us">US is not English!</p>
<p lang="no">Definitely not English !</p>
</body>
</html>
如何在 不使用[attribute | = value]选择器或lang()伪类的情况下访问其lang属性值为en的所有元素.有办法吗？