1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > css的群组选择器 css三种选择器的特点 – CSS – 前端 html css color

css的群组选择器 css三种选择器的特点 – CSS – 前端 html css color

时间:2019-03-09 08:12:26

相关推荐

css的群组选择器 css三种选择器的特点 – CSS – 前端 html css color

(可能名称有不同的说法,但意思都是一样的) 标记选择器是利用HTML的标记直接定义标记内容的样式,如:h1{ color:red; font-size:25pt;} 类别选择器是通常说的class选择器,定义的时候要在名称前加.如:.one{ color:red; font-size:25pt;} ID选择器定义的时候要在前面加#,如:#box { color:red; font-size:25pt;} 利用DW写CSS的时候,高级就是上面说的ID选择器,ID选择器的名字可以任意命名,可以自己定义,可是标签就只能是HTML语言里制定的那些标记,不能自己定义。

新建一个html文档,在body中插入一个div,将id命名为main

在右侧的css设计器中点击源的加号,选择在页面中定义

点击选择器的加号,输入#main选中

点击属性,在其中对css样式进行编辑就行

选择器body>div 只操作body下级的div。div1+div2 只选择div1 同级 随后 相邻最近的div2div1~p 选择div1下所有的p属性选择器[attr]{} 例:[class]{color:red;} [class=”text”]{color:red;}[class|=”nav”]{color:red;} 选择所有class属性,并且属性值唯一为nav-开头的元素[class~=”nav”]{color:red;} 选择所有class属性,并且包含单个完整的nav属性值的元素[class1][class=”text”]{color:red;}选择具有class1属性,并且具有class属性且属性值唯一为text的元素

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、伪类和伪元素选择符:用于向某些选择器添加特殊的效果。

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。