HTML基础之选择器


本文摘自PHP中文网,作者不言,侵删。

这篇文章介绍的内容是关于HTML基础之选择器 ,有着一定的参考价值,现在分享给大家,有需要的朋友可以参考一下

选择器的作用

可以在样式表里更加方便快捷的对html的各种样式以及属性进行操作

分类

1、标签类型选择器:对标签设置样式

1

2

3

a{

  text-decoration: none;

}

2、包含选择符

1

2

3

span[class=demo]{

    color:red;

}

3、内部包含选择符

1

2

3

4

5

p a{

    text-decoration: underline;

    font-size: 30px;

    color:#ff00ff;

}

4、子对象选择符

1

2

3

body>p{

    font-size:34px;

}

5、id选择器

1

2

3

#content{

    border-style: solid;

}

6、类选择器

1

2

3

4

5

6

.note{

    font-size: 34px;

}

span.note1{

    font-size: 54px;

}

7、分组选择器

1

2

3

td,p,a{

                 

}

以上就是HTML基础之选择器 的详细内容,更多文章请关注木庄网络博客

相关阅读 >>

Html如何制作细线表格

Html 文字的左右来回移动 <marquee>

Html里文字居中代码怎么写?

Html怎么隐藏div元素

Html中的meta标签是什么?meta标签的属性介绍

Html中的head标签在哪里找?head标签的作用总结

Html中列表、表格和媒体元素的介绍

Html乱码怎么办

Html是干什么的

Html article标签怎么用

更多相关阅读请进入《Html》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...