基本的选择器规则(Selector) 类型(Type)选择器 类(Class)选择器 ID 选择器 参数(Attribute)选择器 通配符 组合选择器(Combinator) 子选择器和后代选择器 兄弟选择器和相邻兄弟选择器 选择器列表 伪类(Pseudo-Classes) 链接和按钮相关 表单输入相关 DOM 子节点相关 DOM 相关的其他伪类 其他 伪元素(Pseudo-elements...
例如,#logo选择器将选择具有 ID 为 "logo" 的元素。 属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。例如,input[type="text"]选择器将选择所有type属性为 "text" 的<input>元素。 后代选择器(Descendant Selector): 选择器将选择紧接在...
css For example, we have single selector and multi selector: <divclass="form-group"><labelfor="standard-select">Standard Select</label><divclass="form-field select"><selectid="standard-select"name="standard-select"><optionvalue="Option 1">Option 1</option><optionvalue="Option 2">Option ...
The[attribute|="value"]selector is used to select elements with the specified attribute starting with the specified value. The following example selects all elements with a class attribute value that begins with "top": Note:The value has to be a whole word, either alone, like class="top"...
consttoggleBtn =document.querySelector("#toggle-theme"); toggleBtn.addEventListener('click',e=>{console.log("Switching theme");if(document.documentElement.hasAttribute('theme')){document.documentElement.removeAttribute('theme'); }else{document.documentElement.setAttribute('theme','dark'); ...
1、Selector选择器基本语法 tagname: 通过标签查找元素,比如:a ns|tag: 通过标签在命名空间查找元素,比如:可以用 fb|name 语法来查找 <fb:name> 元素 #id: 通过ID查找元素,比如:#logo .class: 通过class名称查找元素,比如:.masthead [attribute]: 利用属性查找元素,比如:[href] ...
使用[attribute*=value] 来选择具有指定属性,并且该属性的值中包含特定部分值的元素。 使用[attribute^=value] 来选择具有指定属性,并且该属性的值以给定值开头的元素。 使用[attribute$=value] 来选择具有指定属性,并且该属性的值以给定值结尾的元素。
为了增加更多的灵活性,CSS2引入了新的选择器,比如子元素选择器(>)、相邻兄弟选择器(+)和属性选择器([attr=value])。这些选择器可以实现更精确的样式化: 代码语言:javascript 复制 /* Child Selector */div>p{color:red;}/* Adjacent Sibling Selector */h1+p{margin-top:20px;}/* Attribute Selector *...
Selects all elements that have the given attribute, whose value contains the substring value. If we wrote another CSS rule, this time with the selector [title*="World"], it would match both of the preceding elements. [name^="value"] Selects all elements that have the given attribute, ...
CSS [attribute|="value"] Selector The[attribute|="value"]selector is used to select elements with the specified attribute, whose value can be exactly the specified value, or the specified value followed by a hyphen (-). Note:The value has to be a whole word, either alone, like class=...