https://developer.mozilla.org/en-US/docs/Web/CSS/Reference#Selectors 在css3规范中,定义了以下几种类型的selector: Basic selector type selector: elementname class selector: .classname ID selector: #idName universal selector: * ns|* *|* attribute selector [attr=value] Combinators adjacent sib...
.highlight{background-color:yellow;} ID 选择器(ID Selector):通过元素的唯一标识符(ID)选择 HTML 元素。 ID 选择器以#开头,后面跟着 ID 名称。 如下代码,#runoob选择器将选择具有 ID 为"runoob"的元素。 #runoob {width:200px;} 属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择...
#09 Attribute Selector 格式:selector[属性名] / selector[表达式] 用于选取 selector 的 HTML 元素并且符合属性表达式的元素 <ahref="https://v.qq.com/"title="qq">腾讯视频</a><ahref="https://www.iqiyi.com/"title="iqiyi">爱奇艺</a><ahref="https://www.youku.com/">优酷</a> a{displ...
CSS [attribute~="value"] Selector The[attribute~="value"]selector is used to select elements with an attribute value containing a specified word. The following example selects all elements with a title attribute that contains a space-separated list of words, one of which is "flower": ...
4. 通用兄弟选择器 (General Sibling Selector) 通用兄弟选择器使用波浪线~选择同一个父元素下,在指定元素之后的所有同级元素。例如: Css p ~ span { font-weight: bold; } 这个规则会使所有位于p元素后面的同级span元素加粗显示。 5. 属性选择器 (Attribute Selector) ...
CSS [attribute~="value"] Selector The[attribute~="value"]selector is used to select elements with an attribute value containing a specified word. The following example selects all elements with a title attribute that contains a space-separated list of words, one of which is "flower": ...
9) 属性选择器 attribute 👉 6:58 10) 伪类 pseudo class 👉 8:10 1) id选择器 身份选择器 👉 1:44 作用:选取带有id属性,并且id属性值为id-name的标签。 html 写法:`<tag id="id-name"></tag> ` 快捷输入(emmet):tag#id-name按Tab键 ...
:first-child: 选择父元素下的第一个子元素。:last-child: 选择父元素下的最后一个子元素。:nth-child(n): 选择父元素下的第 n 个子元素。例如，:nth-child(2) 选择父元素下的第二个子元素。通过属性值的部分匹配：[attribute*=value]: 选择具有包含指定值的属性的元素。例如，[class*=button] 选择所有...
属性选择器(Attribute Selector) 通过HTML元素的属性值来选取元素。 属性选择器是一种根据HTML元素的属性值来选取元素的方式。让我们通过一个实际的例子来说明如何使用属性选择器: 假设我们有以下HTML代码,表示一个简单的待办列表: <ul> <li data-status="completed">Buy groceries</li> ...
CSS selector: Attribute selector (`[attr=value]`): Case-sensitive modifier (`s`) Global usage 2.38% + 0% = 2.38% IE ❌ 6 - 10: Not supported ❌ 11: Not supported Edge ❌ 12 - 135: Not supported ❌ 136: Not supported Firefox ❌ 2 - 65: Not supported ✅ 66 - 137:...