css1选择器，css规则定义有哪些选择符_CSS学习

当前位置：网站建设 > 技术支持

资料来源：网络整理时间：2023/3/4 1:43:11 共计：3597 浏览

css选择符（选择器）有以下这些：

1、通配选择符（ * ）：匹配任意元素。

2、id选择符（ # myid）：匹配 ID 等于“myid”的任意元素。

3、类选择符（.myclassname）：匹配 class 等于“myclassname”的任意元素.

4、标签选择符（div, h1, p）：选择指定元素名称的所有元素。

5、相邻选择符（E + F）：用于选择（不是内部）指定的第一个元素之后紧跟的元素。

6、子选择符（E > F）：用于选取带有特定父元素的元素，例ul > li，选择所有父级是 <ul> 元素的每个 <li> 元素。（学习视频分享：css视频教程）

7、后代选择符（E F）：用于选取元素内部的元素。

8、伪类和伪元素选择符：用于向某些选择器添加特殊的效果。

id是css的唯一选择器，使用ID选择器，必须给标签添加上id属性，为标签设置id="ID名称"。

1. 标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式

2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式

3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id

4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔命名找到准确的标签

5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示

cascading style sheet 层叠样式表

CSS基本语法

css的定义方法是：

选择器 { 属性:值; 属性:值; 属性:值;}

选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值,如果一个属性有多个值，中间用空格隔开

代码示例：

div{ width:100px; height:100px; color:red }

用处：设置网页的显示效果（设置样式）

css将网页的显示效果和内容分离（降低了耦合性）

版权说明：
本网站凡注明“广州京杭原创”的皆为本站原创文章，如需转载请注明出处！
本网转载皆注明出处，遵循行业规范，如发现作品内容版权或其它问题的，请与我们联系处理！
欢迎扫描右侧微信二维码与我们联系。