在css样式中不选择,css样式不能实现的功能

CSS如何选择不包含某个class的元素

需要准备的材料分别有：电脑、浏览器、html编辑器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的style标签中，输入css代码：li:not(.test) {color: blue}。

3、浏览器运行index.html页面，此时包含test类元素的li标签不会触发设置蓝色字体样式的css代码。

在CSS样式

style type="text/css"

.f14 {font-size:14px;}

#main {width:980px; margin:0px auto;}

/style

div class="f14" id="main"/div

为什么类名加标签在css样式里面无法使用

这种情况：

代码写错了，正确的如下，先写标签名紧接着写类名：div.bg

效果展示：

2.  代码的优先级不够高，有比他更优先的情况

例如： 选择器div#div01 优先级高于 选择器div.bg 

所以此时div.bg的黑色背景颜色看不到，而是div#div01的红色背景

（1）代码如下

（2）效果如下

总结：建议在写css样式的时候，注意所有字符都是英文字符

其次，一定要分清楚选择器的优先级

html中，为什么有的css样式在样式表里不起作用？！

html中，有的css样式在样式表里不起作用是设置错误造成的，解决方法为：

1、在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。

2、将style中的全部css样式选中，然后复制或者剪切。

3、然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。

4、在创建的css样式文件中，将刚才复制的文件粘贴到这里。

5、在导出时，需要放到之前网页所在的同文件夹位置，可以新创建一个css文件夹，方便寻找导入。

6、然后回到html文件中，将之前的style样式全部删除即可，然后输入link链接标签，将之前保存的css样式链接进来，保存。

在网页上怎么使用css样式设置文本不可选择

-webkit-user-select: none;

只有WebKit内核（Safari、Chrome）支持，CSS世界唯一的解决方法。

只有Webkit有禁止选择的属性