先将markdown导出为html,然后用谷歌浏览器打开html,打开开发者工具选中要修改的样式,找到mweb对应的格式修改样式,再替换mwebcss样式。
Google为Android智能手机推出的Chrome浏览器,仅限Android4.0。移动版Chrome运行速度更快,可以同步任何内容,标签之间的转换更加直观、效果更佳,提前预载网页。
chrome 查看元素里被横线划掉的css,是因为属性的不支持或者层次被覆盖,解决方法如下:
1、首先新建一个html文件,命名为test.html。
2、在test.html文件内,使用div标签、span标签创建商品价格的显示。
3、在test.html文件内,使用<style type="text/css"></style>标签来标识css代码编写区。
4、在css标签内,创建div,span标签的样式设置。
5、在css标签内,设置div的样式,使用font-size设置字体大小为20px,line-height设置行高为50px。
6、在css标签内,设置span的样式,使用color设置文字颜色为红色,text-decoration设置删除线的效果。
7、在浏览器打开test.html页面,可见,实现了将价格划掉的效果。
这个没试过,但是感觉应该不会,因为浏览器不会重新加载这个css文件。推荐楼主可以这么做:
1.Elements选项卡
2.找到左下角有个像放大镜一样的按钮,点击,这时回到chrome页面,选择你想查看css样式的部分(选中的那部分会有一个遮罩层)
3.这时右侧有个Styles,点开,会看到当前选中部分的样式,在这里改是可以直接看到页面效果的。但它是临时的(页面刷新就没了),比较适合调样式。
建议用上面的方法调过,合适再写到css里