Type Selector Universal Selector Attribute Selector Class Selector ID Selector Pseudo-class /* Type */h1{}/* Universal */*{}/* Attribute */a[title]{}/* Class */.parent{}/* ID */#demo{}/* Pseudo-class */:first-c
否定选择器(Negation Selector) 选取不匹配特定选择器的元素。 否定选择器(:not())用于排除某些元素,即选择除特定元素外的所有其他元素。让我们通过一个实际的例子来说明如何使用否定选择器: 假设我们有以下HTML代码,表示一个列表,其中有一些项目被标记为特殊项目: <ul> <li>Item 1</li> <li class="special">...
定位方式:直接输入标签名称 3.css selector支持任意属性定位 #属性定位,在中括号中写属性=属性值即可[name='kw'] 4.css selector提供标签属性组合定位 input[name='kw']#当与ID、Class 组合使用时书写方式更为简单input.c1 5.css selector的多属性组合过滤 #多属性选择过滤,只需要多个[]连接就可以select[name...
ID 选择器(ID Selector):通过元素的唯一标识符(ID)选择 HTML 元素。 ID 选择器以#开头,后面跟着 ID 名称。 如下代码,#runoob选择器将选择具有 ID 为"runoob"的元素。 #runoob {width:200px;} 属性选择器(Attribute Selector):通过元素的属性选择 HTML 元素。属性选择器可以根据属性名和属性值进行选择。 如下...
p:empty选择没有子元素的每个<p>元素(包括文本节点)。 :not(selector) :not(p)选择非<p>元素的每个元素。 input状态选择器 :focus获得焦点的 input 元素 :enabled每个启用的 input 元素 :disabled每个禁用的 input 元素 :checked每个被选中的 input 元素...
:enabled input:enabled 选择每个启用的 <input> 元素。 :disabled input:disabled 选择每个禁用的 <input> 元素 :checked input:checked 选择每个被选中的 <input> 元素。 :not(selector) :not(p) 选择非 <p> 元素的每个元素。 ::selection ::selection 选择被用户选取的元素部分。
否定选择器(:not) 概念::not(element/selector)选择器匹配非指定元素/选择器的每个元素 语法格式:父元素:not(子元素/子选择器) 四、伪元素 CSS伪元素用于向某些选择器设置特殊效果,语法格式:元素::伪元素 element::first-line 概念:根据“first-line”伪元素的样式对element元素的第一行文本进行格式化 ...
:not(selector) 选择器匹配每个元素是不是指定的元素/选择器。 2、实例 为每个并非<p>元素的元素设置背景颜色: :not(p){ background:#ff0000; } 7.2.7 :focus 选择器 1、定义 :focus选择器用于选择具有焦点的元素。 2、实例 一个输入字段获得焦点时选择的样式: ...
语法::not(selector); 5、伪元素选择器 5.1、::first-letter 获取匹配元素的第一个字母(字符) 5.2、::first-line 获取匹配元素的首行 5.3、::selection 匹配用户选取的部分 注意:W3C规定所有的伪类选择器全部使用一个冒号,在CSS3中,所有的伪元素选择器,全部使用两个冒号。
1、选择器(Selector) 选择器由 HTML 元素的 id、class 属性或元素名本身以及一些特殊符号构成,用来指定要为哪个 HTML 元素定义样式,例如选择器p就表示为页面中的所有<p>标签定义样式; 2、声明(Declaration) 声明可以有一个或者无数个,这些声明告诉浏览器如何去渲染选择器指定的对象。所有声明被放置在一对大括号{...