在使用后代选择器时,在两个选择器之间加上一个空格,表示前一个选择器所选中的元素中包含的后代元素。 相邻选择器 相邻选择器用于选择紧接在另一个元素后面的直接相邻兄弟元素的选择器,使用加号(+)作为组合符号,将两个选择器连接起来。它选择的是位于第一个选择器后紧邻的同级元素。 子选择器 子选择器用于选择某...
在使用后代选择器时,在两个选择器之间加上一个空格,表示前一个选择器所选中的元素中包含的后代元素。 相邻选择器 相邻选择器用于选择紧接在另一个元素后面的直接相邻兄弟元素的选择器,使用加号(+)作为组合符号,将两个选择器连接起来。它选择的是位于第一个选择器后紧邻的同级元素。 子选择器 子选择器用于选择某...
一般兄弟选择器 ~：选择其后所有同级元素。/* 选择所有位于h1之后的同级p元素 */h1 ~ p { font-style: italic;} 5. 层级选择器 层级选择器，又称深度选择器，以>符号表示直接子元素选择，可以深入到DOM树的任意层级进行选择。/* 选择div元素下直接嵌套的所有span元素 */div > span { color: orange...
三、ID选择器 ID选择器使用#符号开头，后面紧跟元素的ID。ID选择器用于为具有唯一ID的HTML元素定义样式。每个HTML元素的ID都应该是唯一的，因此ID选择器具有最高的特异性。css复制代码#special-element {color: red;font-weight: bold;} 在这个例子中，具有special-element ID的元素将显示为红色粗体文本。你可以在H...
常见的 CSS 选择器 下是一些常见的 CSS 选择器: 元素选择器(Element Selector):通过元素名称选择 HTML 元素。 如下代码,p选择器将选择所有元素: p{color:blue;} 类选择器(Class Selector):通过类别名称选择具有特定类别的 HTML 元素。 类选择器以.开头,后面跟着类别名称。 如下代码...
相邻选择器用于选择紧接在另一个元素后面的直接相邻兄弟元素的选择器,使用加号(+)作为组合符号,将两个选择器连接起来。它选择的是位于第一个选择器后紧邻的同级元素。 子选择器 子选择器用于选择某个元素的直接子元素,使用大于号(>)作为组合符号,将两个选择器连接起来。它选择的是父级元素下的直接子元素,即元素...
在属性选择器中多一个$符号，用于匹配结尾为特定字符串的元素，比如上述代码匹配的就是href属性值的结尾为.png的链接。15.X[data-*=""]a[data-filetype="image"] {color: red;} data-filetype这个属性目前用的实在不多，但有些场合非常好用。比如我要匹配所有的数据类型为图片的链接，如果使用X[href$=""]...
1. * --> 通配符选择器 * { margin: 0; padding: 0; } 星号符会选择页面每个元素。很多开发者用它把所有margin和padding归零。这当然是快捷测试方法。不过我建议你不使用它,它给浏览器带来太多的负担,这不必要。 通配选择器也可以用到子选择器上。
1 *:通用选择器 * { margin:0; padding:0; } *选择器是选择页面上的全部元素,上面的代码作用是把全部元素的margin和padding设为0,最基本的清除浏览器默认样式的方法。 *选择器也可以应用到子选择器中,例如下面的代码: #container * { border:1px solid black; } ...