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