扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
哪个页面的?
成都创新互联公司成立与2013年,是专业互联网技术服务公司,拥有项目网站设计制作、网站设计网站策划,项目实施与项目整合能力。我们以让每一个梦想脱颖而出为使命,1280元白城做网站,已为上家服务,为白城各地企业和个人服务,联系电话:18980820575
一般被划掉是代表有更优先的CSS赋值了,
比如
*{ color:black }
div{ color:blue}
在DIV中的就是蓝色,因为DIV的这个优先级更高
style:"" id class
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页面,可见,实现了将价格划掉的效果。
1 用到的知识点是html中 tex-decoration 属性;text-decoration的属性包括 : {text-decoration:overline}
{text-decoration:line-through}
{text-decoration:underline}
{text-decoration:blink}
将价格划掉的效果 用到的是line-through值。
2 下面是tex-decoration 的使用案例,代码可以直接复制到浏览器上面进行运行。
html
head
style type="text/css"
h2 {text-decoration: line-through}
/style
/head
body
h220元/h1
/body
/html
3 下面是案例在浏览器上运行的效果图 :
在调试中发现css样式被划了横线表示该css样式被层叠不会被解释执行,相当于没写!
当同一个HTML元素被不止一个样式定义时,一般而言,所有的样式会根据下面的规则层叠于一个新的虚拟样式表中,其中数字 4 拥有最高的优先权。
1.浏览器缺省设置
2.外部样式表
3.内部样式表(位于 head 标签内部)
4.内联样式(在 HTML 元素内部)
因此,内联样式(在 HTML 元素内部)拥有最高的优先权,这意味着它将优先于以下的样式声明:head 标签中的样式声明,外部样式表中的样式声明,或者浏览器中的样式声明(缺省值)。
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流