如何隐藏一个元素？&&css中出现了两个一样的类定义，如何避免冲突？

1.如何隐藏一个元素？

1.使用display属性：设置元素的display属性为none，这样元素在页面上不会占用任何空间，同时也不会对其他元素造成影响

2.使用visibility属性：设置元素的visbility属性为hidden，这样元素在页面上不可见，但仍然占用空间

3.使用opacity属性：设置元素的opacity属性为0，这样元素在页面上不可见，但仍然占据空间。

3.使用position属性：将元素的position属性设置为absolute或者fixed，然后将元素移动到屏幕之外或者使其超出容器范围之外，这样元素在页面上不可见，但仍占据空间

4.使用z-index属性：将元素的z-index属性设置为负值，这样元素在页面上不可见，但仍然占据空间

5.使用clip属性：将clip属性设置为一个矩形区域，这样元素只会显示矩形区域内的部分，其余部分就会被裁减掉

2.css中出现了两个一样的类定义，如何避免冲突？

 1.利用优先级：css每个选择器都有一个优先级，可以通过优先级来确定哪个样式将被应用，如果两个类定义中的样式冲突了，可以通过调整优先级来解决冲突

 2.父元素选择器：可以是哟经父元素选择器来限定样式的范围，从而避免冲突。比如，如果两个类定义中的样式都应用到某个父元素的不同子元素上，可以使用父元素选择器来限定样式范围，从而避免冲突

 3.命名空间：可以使用命名空间来区分不同模块或或组件的样式定义，从而避免冲突，比如，可以为不同模块或组件的类定义添加不同的命名空间前缀，从而将他们区分开来

 4.scoped样式：可以使用scoped样式：可以使用scoped样式来讲样式限定在特定的组件或者模块中，从而避免与其他组件或者模块的样式冲突，scoped是一种vue框架提供的特殊样式，可以通过在style标签中添加scoped属性来实现