发表于： 2017-03-08 22:23:09
2 695
今天做了的事：写了任务六的身体（上面的下拉菜单>.<）和脚
明天要做的事：把任务六身体写完，继续干任务七，我要赶进度啊赶进度。
今天遇到的问题：头部出现了不能圆角的问题，
可以从图里看到按钮两边都出现了圆角，说明我设置的border-radius起作用了，但为什么中间就不出圆角呢？f12了一下，发现出现了这样一条属性。
但是我的border-radius明明已经起作用了，难道不应该把上面两条覆盖掉么？然后经过一番查看，发现了这两条属性所在的选择器是： .btn-group>.btn，又google了一下（哲♂学上网），发现了这样一个东西：选择器的优先级，大概是这样的。
1.最高优先级是 (直接在标签中的设置样式，假设级别为1000)<div style="color:Red;"></div>
2.次优先级是（ID选择器 ,假设级别为100） #myDiv{color:Red;}
3.其次优先级是（类选择器，假设级别为10） .divClass{color:Red;}
4.最后优先级是 （标签选择器，假设级别是 1） div{color:Red;}
那么后代选择器（子代选择器）的优先级就应该是3和4相加，即10+1=11，所以我的样式会被bootstrap里面的样式覆盖（=。=就差了一点优先级），解决的办法就是我把写有border-radius的选择器换成id了。
顺便说一下上面没提到！important，因为资料里没写所以不敢随便赋给权重，但据说是优先级最强的！
接着就是做栅格结构的下拉菜单么，感觉还好都是框架里现成的东西拿出来用一下就行了。
然后是脚，因为栅格结构里有一个navbar-fixed-bottom可以直接固定在底部，所以想用栅格结构写，但是因为contaner-fluid这个类名上面用过了，样式又跟下面不一样，所以感觉没法写。然后小婷子说可以footer.contaner这样子写，但是试了一下感觉还是有怪怪的样式混杂进来~，就还是用flex写的脚。
问题的话对于navbar navbar-default navbar-fixed-bottom这样长的类名看起来就害怕==不知道怎么样写样式，个人分析一个是选择器那里基础不好，明天要拿点时间看一下W3C，再一个就是bootstrap用的不熟练。
感悟：哈哈哈哈小文子小婷子都得叫我师兄真爽爽爽爽~~~~
返回列表
评论