2、id选择器 #id属性值{ }
3、类选择器 .class属性值{ }
4、选择器分组(并集选择器)
作用:通过它可以同时选中多个选择器对应的元素(通常用于集体声明)
语法:选择器1,选择器2,选择器n{ }
5、复合选择器(交集选择器)
作用:选择更准确更精细的目标元素并为其设置属性
语法:选择器1选择器2选择器n{ }
!注意选择器之间不能有空格,要紧挨在一起
6、通配选择器
作用:用来选中页面中所有的元素
语法:*{ }
7、后代元素选择器
作用:选中指定元素的指定后代元素
语法:祖先元素 后代元素{ }
8、子元素选择器
作用:选中指定父元素的子元素
语法:父元素>子元素
9、伪类选择器
伪类表示元素的一种特殊状态
:hover 移入时元素的状态
:visited 已被访问过后的元素的状态
:active 被点击时元素的状态
10、 属性选择器
作用:根据元素中的属性或属性值来选取指定元素
语法:[属性名]选取含有指定属性的元素
? [属性名=“属性值”]选取含指定属性值的元素
? [属性名^="属性值"] 选取属性值以指定内容开头的元素
? [属性名$="属性值"] 选取属性值以指定内容结尾的元素
? [属性名*="属性值"] 选取属性值包含指定内容的元素
11、兄弟元素选择器
+选择器
作用:选中一个元素后紧挨着的指定的兄弟元素
语法:前一个+后一个(作用在后一个)
~选择器
作用:选中后边所有的制定兄弟元素
语法:前一个~后边所有
@ 记事本的代码怎么输入颜色?
记事本的代码输入颜色方法如下
1、新建html文件和CSS文件 ①在桌面新建一个文件夹,然后新建两个text文件; ②分别将text文件重命名为index.html和css.css。 2、输入html代码 ①用记事本打开index.html文件,输入相关代码即可改变颜色。
字体颜色的不同设置方法
②用浏览器打开浏览效果。 3、标签内嵌入字体标签设置颜色。 ①编辑index.html,在
标签内输入以下代码; 字体颜色的不同设置方法 ②浏览器浏览效果。 4、标签内嵌入style样式设置颜色。 ①另起一行字体,并在标签内输入以下代码;
②在浏览器中检查效果。 5、网页内部嵌入标签选择器样式设置颜色。 ①给文字的
标签命名一个ID; ②在之间输入以下代码;③浏览器中查看效果。 6、网页内嵌入类选择器设置颜色。 ①给文字的标签命名一个Class; ②在中输入以下代码; .p1{color:#D1f3c6;/*类选择器*/} ③浏览器查看效果。 7、外部CSS样式设置颜色。 ①在网页头部输入以下连接CSS外部文件代码;②在网页中写入以下代码;
字体颜色的不同设置方法
字体颜色的不同设置方法
③用记事本方式打开css文件,输入以下代码; ④浏览器检查效果变化。
@ 类型选择符用什么标记?
类选择符:自己定义的包含多条样式的集合,以“.”开头。可以在页面中重复使用该样式。如:.aaa{ ……}类型选择符:定义HTML固有标签的样式。前面不加“.”例如:p{ ……}ID选择符,和类选择符格式相同。区别在于以“#”开头,而且ID是先找到结构/内容,再给它定义样式;class是先定义好一种样式,再套给多个结构/内容例如:#aaa{ ……}通配符,顾名思意:对页面内所以标签都生效。其名称必须为“*”。例如:*{ ……}伪类:常用的有四个、即A标签里的四个状态(a:link a:visited a:hover a:active)。
其他的如:lang :focus等不常用,也存在兼容问题。
@ css规则?
在CSS样式规则
1.选择器用于指定CSS样式作用的HTML对象,花括号内是对该对象设置的具体样式。
2.属性和属性值以“键值对”的形式出现。
3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等。
4.属性和属性值之间用英文“:”连接。
5.多个“键值对”之间用英文“;”进行区分。
如果觉得《css的类选择器怎么使用 css复合选择器有哪三种 – CSS – 前端 css3 动画延迟》对你有帮助,请点赞、收藏,并留下你的观点哦!