你所列举的代码不是加在css里的,是加在html里的
创新互联专注于企业成都全网营销推广、网站重做改版、溆浦网站定制设计、自适应品牌网站建设、HTML5、成都商城网站开发、集团公司官网建设、外贸网站制作、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为溆浦等各大城市提供网站开发制作服务。
css里没法写条件判断的,但是根据各个浏览器支持的调试命令不同,可以用来区分,比如ie系列支持*号.你写个样式
.style1 { padding:1px;*padding:10px;}
这样就相当于所有ie浏览器下padding都是10px;非ie就是1px
因为其他浏览器不识别*,所以*padding:10px就失效了,而ie下识别,所以则覆盖掉之前的1px了.
不同浏览器都有自己专用的hack,这样就可以实现判断了
区分IE6,IE7,firefox background:orange;*background:green;_background:blue;
属性选择器是这样的
li[data-type='list'],li[data-level='']{display:none !important;}
你这个最好再加一个属性
li class='jschartli hiddenli' data-level='' data-type=''/li
.hiddenli{display:none !imporant}
或者
li class='jschartli' data-level='' data-type='' data-hidden='1'/li
li[data-hidden='']{display:none !important;}
你是用链接调用的CSS文件是吧?你要把/style都删除掉啊,独立的CSS文件中不需要这部分内容的。另外你给wan设的CSS样式中float后面的“:”写成“;”了。
#wan{ width:300px;height:200px;background-color:0ccc00;float:left}
#chen{ width:600px; height:200px; background-color:#0cffff; float:left}
// 条件-CSS 语法实例 [if IE] - 如果浏览器是 IE [if ! Opera] - 如果浏览器不是 Opera [if IE 5] - 如果浏览器是 IE 5 [if lte IE 6] - 如果浏览器是 IE 6 或者更低版本 (IE 5, IE 4 等) [if ! gt IE 6] - 和上面的声明等效, 如果浏览器版本不高于 IE 6 // 条件 CSS 盒模型例子 div.box { width: 400px; [if IE 5] width: 600px; padding: 0 100px; } 条件 CSS 可以只维护一个 CSS 文件,而不是好几个需要用到 IE 的条件注释的文件。这有助于流线型维护,也使得代码更加清晰。
做了N年的网页设计了,我还从来没有接触过能这样写的...
你确定css能认识document.body.clientWidth780? 313:(document.body.clientWidth640?80这样表达吗?
其实楼上说的对,CSS是控制样式的, 不应该让它参与判断...
在react中设置css样式
以上是行内式的样式设置,渲染的结果是
当然还可以使用require直接引入.css文件的,但由于还是初学,并未涉及,以后补上
react中的条件语句的写法
1.三元表达式
在create-react-app脚手架工具里的表现为