1.2 结构选择器 后代（包含）选择器 语法：选择器1（父） 选择器2（子）{属性：属性值；} 说明：选择器1和选择器2中间用空格隔开，表示选择选择器1中包含选择器2的所有后代元素。实例： 标题1 段落1 段落2 .box p { color: red;} 子代选择器 语法：选择器1>选择器2{属性：属性值；} 说明：用来选择...
通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。 属性选择器 属性选择器用于选...
通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。 属性选择器 属性选择器用于选...
通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。 属性选择器 属性选择器用于选...
1.元素选择器 通过标签名可直接选取到元素 例如:div{},p{},ul{}等等 2.类选择器 通过class类选取到元素,可以选取到多个元素,只要给想要添加这种类名的元素添加上class类,就可以不用反复写相关的样式 例如:.className 记住要添加点号(.) 3.id选择器 ...
1、标签选择器 结构:标签名{css属性名:属性值} 作用:通过标签名,找到页面中所有的这类标签,设置样式 注意:1.标签选择器选择的是一类标签,而不是单独的一个 2.标签选择器无论嵌套关系有多深,都能够找到对应的标签 p{color: red; }标签选择器 2、类选择器 结构: .类名{css属性名:属性...
1、标签选择器:选择器的名字代表html页面上的标签 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。 举例: 代码语言:javascript 复制 p{font-size:14px;}css 再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端...
1. 基本选择器 1.1 标签选择器 标签选择器是最基础的选择器，通过HTML标签名称选取相应的元素。/* 为所有的段落元素设置字体颜色 */p { color: red;} 1.2 类选择器 类选择器以.开头，后面跟随类名。它可以应用于具有该类名的任何元素。/* 为类名为'highlight'的元素设置背景色 */.highlight { ...
属性选择器 1.[attr][attr] 选择器匹配所有包含 attr 属性的元素：// HTML// CSS[display]{// declarations} 元素会被选中。2.[attr="value"][attr="value"] 选择器会匹配所有 attr 属性值为 value 的元素：// HTML// CSS[display="inline"]{// declarations} 会被选中。3.[attr~="value"][...
常见的 CSS 选择器 下是一些常见的 CSS 选择器: 元素选择器(Element Selector):通过元素名称选择 HTML 元素。 如下代码,p选择器将选择所有元素: p{color:blue;} 类选择器(Class Selector):通过类别名称选择具有特定类别的 HTML 元素。 类选择器以.开头,后面跟着类别名称。 如下代码...