后代选择器表示选择某个元素的所有后代元素,即位于该元素内部的所有子孙元素。在使用后代选择器时,在两个选择器之间加上一个空格,表示前一个选择器所选中的元素中包含的后代元素。 相邻选择器 相邻选择器用于选择紧接在另一个元素后面的直接相邻兄弟元素的选择器,使用加号(+)作为组合符号,将两个选择器连接起来。它...
1.1通用选择符 * * 号表示所有的对象 所谓通配选择符,就是指可以使用模糊指定的方式来对对象进行选择,指定样式。代码如下: *{color:red;font-size:12px; } 1.2类型选择符 指以网页中已有的标签名作为选择符。代码如下: body{...}h1{...}p{...} 1.3群组选择符 除了可以对单个标签进行样式指定外,还可以...
4.通配符选择器 直接以***基本选择器代码总结:开头,通常用于清除默认样式,比如网页的内外边距 元素选择器~通配符选择器代码总结: <!DOCTYPEhtml>基本选择器总结/* 第一种,元素选择器 *//* div { color: red; } *//* ... *//* 第二种,类选择器 *//* .box { color: red; } *//* ... *//*...
简单选择器:针对元素类型、类名、ID 等进行选择。 组合选择器:通过元素之间的关系进行选择,如后代选择器、子元素选择器等。 属性选择器:根据元素的属性值进行选择。 伪类选择器:根据元素的状态或位置进行选择,如:hover、:visit 等。 伪元素选择器:向文档中添加虚拟元素并选择它们,如::before、::after 等。 本次...
:optional伪类用于选择没有required属性的输入元素,这意味着它们不是必填项。 当input元素没有 required 属性时,可以使用:optional伪类选择它们。 :first-child 伪类 :first-child伪类用于选择父元素中的第一个子元素。 :last-child 伪类 :last-child伪类用于选择父元素中的最后一个子元素。
1、标记选择器(元素选择器) 标记选择器指的是使用HTML标记名作为选择器, 标记名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3;} 该语法中,所有的HTML标记名都可以作为标记选择器,如body、p、h2等等。 如下代码为标记h2添加样式: h2{font-family:'Times New Roman';//设置文本的字体系列color:rgb(184...
id选择符是唯一的,不允许重复使用。如果可能的话,先尝试使用一个标签名称,一个新的HTML5元素,甚至是一个伪类。 查看例子 兼容性 IE6+ Firefox Chrome Safari Opera 3.X .error { color: red; } 现在介绍的是类选择符。id和类的不同之处在于后者可以多次使用。当你想给一组元素应用样式的时候可以使用类选择...
1、标签选择器:选择器的名字代表html页面上的标签 标签选择器,选择的是页面上所有这种类型的标签,所以经常描述“共性”,无法描述某一个元素的“个性”。 举例: 代码语言:javascript 复制 p{font-size:14px;}css 再比如说,我想让“学完了安卓,继续学前端哟”这句话中的“前端...
通用兄弟选择器使用波浪号(即通用兄弟组合符)来选择在第一个选择器之前的所有元素,而不要求它们是第一个选择器的直接兄弟元素。 图片 猫头鹰选择器 猫头鹰选择器用于选择所有具有前置兄弟元素的元素,用来在一个容器内的元素之间添加间距,但不包括第一个元素,因为第一个元素没有前置兄弟元素。
2、类选择符:.类名 使用之前 使用之前 使用之后 使用类区分之后 源码 CSS很强大,可以控制页面中任何元素的表现形式与众不同,突出个性与世界同步,做一个成功的页面 CSS样式 3、包含选择符(派生/后代选择符):元素 子元素(div p) 作用于某个元素中的子元素 示例效果: 包含选择符...