700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > 关于所有css选择器的解析 css类选择器用什么做前缀表示 – CSS – 前端 css布局课程

关于所有css选择器的解析 css类选择器用什么做前缀表示 – CSS – 前端 css布局课程

时间:2018-09-03 14:20:38

相关推荐

关于所有css选择器的解析 css类选择器用什么做前缀表示 – CSS – 前端 css布局课程

@ css选择器标签不能嵌套?

css选择器标签可以嵌套,比如可以在类选择器里面选择id的元素,这样就是选择器的嵌套。

@ css设计器怎么用?

1、首先打开DreamweaverCC软件新建一个html文件,在右上角点击CSS设计器,并在下方点击加号,然后选择创建新的CSS文件:

2、在创建窗口中,点击浏览按钮。

3、然后选择站点创建好CSS文件夹,然后输入创建的CSS的名字,点击保存插件文件:

4、然后把添加为设置成链接,点击确定按钮:

5、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了:

6、此时在html文件中的head标签中,就多了一行链接到CSS文件的代码。在顶部tab标签中也可以看到链接的样式表:

7、接下来在html网页编辑页面,在body标签中输入一个div:

8、然后在顶部tab标签中选择刚才创建的CSS样式表,并在样式表中写一个样式,命名为aaa,并按下快捷键Ctrl+S保存样式表:

9、最后回到html编辑页面,在div标签中引入class,输入刚才写的样式的名称aaa并保存网页:

10、最后点击顶部的设计按钮,就可以看到实时效果了,此时css文件就成功链接进去了:

@ CSS选择器权重如何计算?

很古老的话题了

id=100

class=10

tag(标签)=1

按照这个规律去计算,比如

#qietu div{}

100+1 = 101

.qietu .box{}

10+10=20

可以得出第一个的权重要比第二个要高。另外关于权重的扩展知识面,偶推荐了解下BEM命名规则,这个观念很好,可以从侧面杜绝权重问题的产生,还有一个就是提高权重的方法 !important;

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